[译] Vue让我喜欢的10个方面

原文链接:10 things I love about Vue
原文作者:Duncan Grant
译者注:这篇文章写的比较浅显,只是作者从自身尝试使用Vue后的一些看法,所以不用期待这篇文章的深度,但也不失为刚开始使用Vue的用户提供多一些见解。


我喜欢Vue。当我第一次接触它的时候,也许我正经历着对JavaScript框架厌倦。我有使用Backbone、Angular、React的经验,在其他框架里我已经没有了尝试的热情。直到我在hacker news上看到的一条评论勾起了我的兴趣,他把Vue称作“新的JQuery”。那个时候,React是相对让我满意的,因为React有着在视图模板上严格的设计原则、虚拟DOM和状态响应的特点,不过Vue也兼具这些特点。在这篇文章里我想说说为什么Vue是我喜欢的框架,而不是其他我尝试过的。但愿你能同意我的看法,不过至少我希望在使用Vue开发现代JavaScript应用上给你提供一些看法。

极小的模板语法

Vue默认的模板语法是极小的、精炼的、可扩展的。就像Vue的很多方面,不使用标准模板语法是一件很简单的事,而且可以使用像JSX这种语法(官方文档中有说明该如何做),但说实话我不知道你为什么会想这么做。对于JSX的好处,也有一些说的对的,比如模糊了JavaScript和HTML的界限,可以很容易的把本来应该分散在几个地方写的代码混合着写在一起。

Vue反而使用了标准HTML来写模板,借助极小的模板语法可以做一些简单的事,比如创建重复的基于视图数据的元素。






我也喜欢Vue提供的快速绑定,“:”用来绑定数据变量,“@”用来绑定事件。这个特点虽小但能很好的保持组件的简洁明了。

单文件组件

大部分人写Vue的时候都在使用“单文件组件”,它是一个后缀是.vue的文件,包含3个部分(css, html, javascript)。

这么做是对的,这样可以很容易的理解一个组件,它也鼓励你对于每个组件保持简短的代码。因为如果一个组件里的JavaScript,CSS和HTML篇幅很长的话,以后还得花时间去做模块化处理。

当在一个组件里使用