jsx怎么往js里传参数_Angular、React 当前，Vue.js 优劣几何？

在过去一年里，前端开发发展迅速，前端工程师的薪资亦是水涨船高。2019 更是热度不减，而作为近年来尤为热门的前端框架，Vue.js 自是积累了大量关注。那么，Vue.js 是适合你的框架吗？

以下为译文：

对于大多数人来说，现在要构建一个新的前端应用，对框架/库的选择在很大程度上都是在 Angular 和 React 中二选一。很多时候，人们不会给 Vue.js 足够的关注。因此，我想分享一些有关 Vue.js 的信息，以及我在使用 Vue.js 来构建生产应用中获得的一些个人经验。现在让我们一起来问这个问题：Vue.js 是适合你的框架吗？

注意：我并不想说 Vue.js 比 React、Angular 或者其它的任何前端框架好。这里我分享的只是我在项目中使用 Vue.js 而获得的一些个人体验。

对于那些刚接触 Vue.js 或从未听说过 Vue.js 的人来说，Vue.js 是一个 Javascript 前端框架，最初于 2014 年发布，由 Evan You 开发。从那时起，Vue.js 就在很短的时间内获得了许多前端开发人员/工程师的广泛欢迎。使用 Vue.js 的一些著名公司包括 GitLab、阿里巴巴、BuzzFeed 等等。

1. Vue.js 的优点是什么？

这是一个好问题！可以列出许多优点，而根据我的个人经验，下面 4 点是最突出的优点：

1. 轻量化

2. 低复杂性

3. Virtual DOM

4. 低学习曲线（对初学者友好）

现在让我们来了解每一点的细节。

轻量化

使用 Vue.js 来开发生产应用或个人项目的一个显著优势是它是一个相对轻量化的框架/库。让我们看看不同前端框架/库的下载空间：

轻量化非常有用，尤其是在快速构建一个简单应用的时候。我个人的用例是为工程团队的内部工具构建 UI。

低复杂度

这恰好是 Vue.js 中我最喜欢的部分，因为在使用 React 构建许多应用之后，一旦在混合代码库中添加状态管理，随着应用程序变大，代码库通常会变得非常复杂。我注意到 React 应用变得复杂的原因之一是 JSX 模板、 lifecycle（生命周期）方法和其他方法都存在于同一个对象中。这常常使理解逻辑流程变得非常困难。那么，让我们看看 Vue.js 代码是怎么写的：

请注意，这里 HTML 模板、必要的方法和样式表都是独立的，因此很容易知道要查看的是代码的哪个部分。这意味着代码库相对容易维护，而不必每次更新代码时都增加代码库的复杂性。

虚拟 DOM

就像 React 一样，Vue.js 实现了使用虚拟 DOM 来操作/渲染视图。通过使用虚拟 DOM，用户界面将通过在每次需要更改时不渲染真实的 DOM，而只是呈现虚拟 DOM 和真实 DOM 之间的部分差异，进而获得更好的性能。

低学习曲线

我相信很多人都经历过这种情况。

大多数从事 Web 开发的人都会学习以下三种基础技术：HTML、CSS 和 JavaScript。想象一下一个初学者必须学习一个叫做 JSX 的新东西，而不是 HTML。虽然 JSX 看起来类似于 HTML，但确实有很多不同之处将 JSX 与 HTML 区分开来，而这种学习就不是 Vue.js 所必需的。