svelte从入门到放弃-01-Hello,World

博客介绍了 Svelte 这一全新构建用户界面的方法,它与传统框架如 React 和 Vue 不同,将工作放到编译阶段处理,编写的代码在状态更改时能精准更新 DOM,且直接编译成原生 js 代码,无需额外 runtime,还提及了创建和启动项目的相关内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.svelte介绍

Svelte 是一种全新的构建用户界面的方法。传统框架如 React 和 Vue 在浏览器中需要做大量的工作,而 Svelte 将这些工作放到构建应用程序的编译阶段来处理。

与使用虚拟(virtual)DOM 差异对比不同。Svelte 编写的代码在应用程序的状态更改时就能像做外科手术一样更新 DOM。

说人话:就是vue和react框架在打包之后都需要依赖相对于的runtime,而svelte直接编译成原生js代码,不需要依赖额外的runtime。

vuereactsvelte
虚拟dom+依赖vue runtime虚拟dom+依赖react runtime真实dom+不需要依赖runtime

2.创建项目

npx degit sveltejs/template svelte-demo

3.Hello,World

创建src/main.js

import App from './App.svelte';
const app = new App({target: document.body});
export default app;

创建src/App.svelte

<h1>Hello,World!</h1>

4.启动项目

npm run dev
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

南易武痴

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值