Vue.js 2.0发布

Vue.js是一种类似React.js的跨平台Javascript开发框架,它和React一样都是利用虚拟DOM,提供Reactive响应的和可组合的视图组件,路由和全局状态管理等,不同是使用template模板替代React.js的JSX等。

Vue.js 2.0首先带来了性能上的提升,其相比React.js 15.3.1、Angullar 2.0.0-rc.5都要快。主要是使用了轻量虚拟DOM库snabbdom,基于此,Vue的模板编译器能够在编译期间应用一些智能优化,如分析和提升静态子树以避免不必要的重新渲染。

Vue 2虽然在渲染层大动干戈,但是维持模板语法大部分与1.0兼容,模板语法被编译到虚拟DOM的渲染函数,用户可直接使用自己的渲染函数,包括JSX支持。

渲染功能的强大开放功能是因为基于组件的模式 - 例如:新的transition切换系统现在是完全基于组件的,利用内部渲染功能。

在服务器端,Vue 2.0支持服务器渲染(SSR),通过 streaming 和 component-level caching组件层缓存实现。有可能实现燃烧级别的快速渲染。vue-router 和vuex 2.0 使用通用的路由和客户端状态hydration水化融合来支持SSR。

库包 vue-router, vuex, vue-loader 和 vueify 都升级到2.0:

vue-router
1.多名称<router-view>支持
2.使用<router-link>组件提升了导航功能
3.简化导航API
4.可定制的滚屏行为控制

vuex
1.简化内部组件使用
2.模块化API提升了代码组织
3.可组合的异步动作

饿了么已经使用Vue 2.0构建了完整的桌面组件库:https://github.com/ElemeFE/。阿里巴巴基于Vue-inspired的Weex也会将Vue 2.0成为Weex的Javascript运行框架。


Vue 2.0 is Here! – The Vue Point – Medium