多个前端框架

LincZero大约 5 分钟

9大前端框架

内容	Repo	Total Stars (221118)		官网
Vue.js	https://github.com/vuejs/vue	201k	206	https://reactjs.org/ 简中：https://zh-hans.reactjs.org/
React	https://github.com/facebook/react	198k	215	https://vuejs.org/ 简中：https://cn.vuejs.org/
Svelte	https://github.com/sveltejs/svelte	63.2k		https://svelte.dev/ 中文官网：https://www.sveltejs.cn/
Angular	https://github.com/angular/angular	84.9k		https://angular.io/
Alpine				https://alpinejs.dev 中文官网：https://www.alpinejs.cn
Preact				https://preactjs.com
LitElement				https://lit.dev
Stimulus				https://stimulus.hotwired.dev
Ember				https://emberjs.com

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

参考：https://juejin.cn/post/7067855816283389965

曾几何时，React、Angular和Ember站在网络开发的最前沿，争相成为最好的JavaScript框架，后来Vue大行其道，将Ember踢到了一边，取而代之。open in new window

快进到2022年，历史似乎正在重演，因为Svelte，一个相对较新的框架open in new window ，open in new window正在以指数级的速度流行起来。我们不禁要问自己，Svelte是否具备成为顶级竞争者的条件。

Svelte似乎借鉴了Vue的玩法，实现并改进了让我们一开始就喜欢Vue的东西，比如高性能、轻量级和熟悉的模板语法，以及简单的学习曲线。

在这篇文章中，我们将研究Svelte和Vue在语法上的差异，比较它们在引擎盖下的工作方式。

Vue是一个渐进的、开源的JavaScript框架，用于构建用户界面和单页应用程序。

Vue被设计成渐进式集成，这意味着你可以将Vue添加到现有前端项目的任何部分，而不需要重新构建整个项目。 Vue只依赖于JavaScript，不像Svelte这样的框架，它使用了编译器。

要用Vue构建一个单页应用程序，你必须使用它的CLI，这是一个命令行实用工具，可以用不同的构建系统快速搭建Vue模板项目的支架。

Vue的核心是一些从其竞争对手Angular和React那里继承的概念。

首先，Vue利用了Angular的反应式双向数据绑定open in new window，在模型和视图之间建立了反应式连接。
另一个是React的Virtual DOM diffing，它可以防止Vue在每次有变化时都要动手术更新DOM。
部分受到MVVM设计模式的启发，Vue的重点在于视图层，或模板。然而，Vue应用程序中的每个组件实例都被称为ViewModelopen in new window，或vm 变量。vm 是连接视图和模型-视图层的数据绑定系统。