只要你会vue，5分钟学不会 svelte 你来找我

前言

2023年了，国内前端领域基本被Vue、React占领市场，近几年似乎前端技术栈的迭代更新缓慢了下来。

当然近几年也出现了像svelte、solid.js等一些新兴的前端框架，这些框架有很多创新的点，比如svelte相比于vue,react最大的不同，没有使用虚拟dom，将程序运行时的一系列处理移到了编译阶段，这样理论上就可以大大提高程序运行时的性能。

虽然现在国内svelte不温不火，除了它自身存在的一些问题，主要还是生态不够完善。但是它在国外是非常火的，说不定哪天这团火就烧到国內了。

本文通过和vue语法逐一对比的方式，可以让熟悉vue的同学快速上手svelte~

1. 基础知识

安装svelte项目：

npx degit sveltejs/template my-svelte-project
cd my-svelte-project

npm install
npm run dev

vue页面都是以.vue结尾，而svelte页面是以.svelte结尾。（吐槽：框架名起的拗口就算了，文件后缀还不能简化，这估计也是在国内流行不起来的一个原因）。

在svelte组件内可以直接写html内容，不像vue需要写在template模版中。
样式写在