Svelte 是什么？

• Svelte 跟 vue 和 react 一样，是一个数据驱动组件框架。然而也有很大的不同，它是一个运行时框架，无需引入框架自身，同时也没用到虚构 DOM（运行时框架个性决定了这个框架跟虚构 DOM 无缘）。
• Svelte 的核心思想在于『通过动态编译缩小框架运行时的代码量』
• 以后的框架无论是 React Angular 还是 Vue，不论你怎么编译，应用的时候必然须要『引入』框架自身，也就是所谓的运行时 (runtime)。然而用 Svelte 就不一样，一个 Svelte 组件编译了当前，所有须要的运行时代码都蕴含在外面了，除了引入这个组件自身，你不须要再额定引入一个所谓的框架运行时！

• Svelte 的个性

• Svelte 的编译格调是将模板编译为命令式 (imperative) 的原生 DOM 操作
• 跟基于 Virtual DOM 的框架相比，这样的输入不须要 Virtual DOM 的 diff/patch 操作，天然能够省去大量代码，同时，性能上也和 vanilla JS 相差无几（仅就这个简略示例而言），内存占用更是极佳。这个思路其实并不是它独创，之前有一个性能爆表的模板引擎 Monkberry.js 也是这样实现的，ng2 的模板编译其实也跟这个很相似（然而两头加了一层渲染形象层）。
• 就是用来编译可独立散发的 Web Components

svelet 目前能帮咱们做什么？

• 1. 兼容原生 HTML 用法。能够剥离单个 component .
• 2. 响应式也很天然

如何利用 svelet

npx degit sveltejs/template my-svelte-demo
cd my-svelte-demo
npm install
npm run dev

如何利用 svelet 个性标签

• @html text2html
• $: 这个是 watch

参考文献

• 什么是 Svelte
• Svelte 中武官网