What do we need to know about Vue.js?（译）

原文地址：What do we need to know about Vue.js?

不同于其他广泛使用的JavaScript框架，vue.js既简单又轻量。然而它附带的许多功能特性使得用户能够快速构建现代化的交互式web界面。它进一步使开发者能够使用简单的HTML，CSS和Javascript构建出各种各样的web界面。vue.js的设计受到几个前端框架包括AngularJS和ReactJS的影响。然而，VueJS在功能和特性上仍与其他JavaScript框架有所不同。

Vue.js的重要特性总揽

灵活的堆栈

正如前文提到的那样，Vue.js是一个简单又轻量的JavaScript框架。它有简化web用户界面开发的特性。其核心库只专注web应用的视图层。另外，Vue.js具有最小的核心以及灵活堆栈的特性.灵活的堆栈可以满足小型，中型和大型web应用的需求。开发者也可以将其他库和项目与vue.js整合在一起来轻松的扩展它。

基于HTML的模版语法

不同于其他框架，Vue.js可以使开发者通过整合HTML、CSS和JavaScript来构建web用户界面。它还具有基于HTML模版语法来简化将渲染完成的DOM和底层的Vue数据实例相互绑定的过程。每个DOM模版也可以被编译成有效的HTML由web浏览器读取，而且它也可以被编译成虚拟DOM的渲染函数以至于可以使web用户界面的组件可以动态渲染。

组件

像其他现代化的JavaScript框架一样，Vue也具有基于组件特性的系统。每个Vue组件都被设计成用户界面里可复用的细小组成部分。由于Vue提供的组件于浏览器无关，因此开发者可以直接实现组件，而不用担心浏览器侧的兼容实现。

响应式的变量

Vue.js可以使web开发者使用响应式变量。程序员可以选择观察变量也可以向变量添加观察者。这些响应式的变量还可以使其他成员随时了解变化和更新。因此每次变量被修改时，视图都会自动更新。这个特性进一步使开发者管理变量状态的变得容易，但是初始化的过程需要额外的时间和资源。

自定义指令

vue除了提供一些默认的指令之外，它还允许JavaScript程序员创建和注册自定义的指令。因此web开发者可以通过注册自定义指令实现各种各样的任务。例如,他们可以注册自定义指令来实现对目标元素的低级访问，然而，Vue.js 2.0要求开发者只能通过组件的形式来复用和抽象代码。

创新的虚拟DOM

与之前的版本相比，Vue.js 2.0更精简、更快，并且进一步支持虚拟DOM，类似于React的实现方式。Vue的组件有实时跟踪依赖的能力，因此，系统基于其依赖关系可以轻松的决定何时需要再次渲染组件以及再次渲染哪个组件。Vue.js 2.0通过监听静态类的名称和属性以及最大静态子树来最大可能的优化实现虚拟DOM。

流式服务端渲染

除了支持虚拟DOM之外，Vue.js 2.0 也创新性的实现了流式服务端渲染。不同于React，Vue.js没有实现同步的服务端渲染。因此完全消除了服务端事件循环带来的阻塞和延迟上线时间的可能。开发者可以通过进一步利用Vue 2.0提供的流式服务端渲染来使得web服务的响应速度更快并且向用户展现的内容不会受到打扰和延迟。

一些库和插件

通过Vue.js提供的默认库和插件，例如路由、Ajax、UI组件、验证和状态管理，程序员完成常见的任务更加容易简单。 与此同时，框架也允许web开发者编写和使用他们自己开发的自定义插件。因此他们可以将自定义插件以全局级别的方式添加到框架中。例如，程序员可以通过vue-touch添加一个或者多个全局资源到Vue.js。同样，他们也可以通过vue-element来添加全局的方法和属性到框架。开发者可以根据每个项目的特定需求，进一步编写自定义插件来扩展Vue.js。

单元测试

Vue.js允许开发者通过执行单元测试来评估用户界面及其组件的质量。它进一步允许开发者创建可测试的组件。开发者也可以通过使用像Browserify 或者 Webpack工具来有效的执行单元测试。然而在频繁执行单元测试的情况下，他们必须正确配置测试工具。

Vue.js既是开源的又是免费的，而且该框架一直在不断的发展以适应用户界面开发中的新趋势。例如，Vue.js 2.0 附带的一些新特性，使得web服务发送的内容更快更有效的呈现给用户。开发者总是可以通过使用最新版本的Vue.js来获取一些最新特性和高级的前端开发工具。