前端组件框架方案Vue.js 1.0发布,初始化渲染性能100%

2015年10月31日 314点热度 0人点赞 0条评论


轻量级前端组件框架Vue.js近日发布1.0版本。下面是官方博文翻译:

在经历了300+次的提交,8次alpha版本,4次beta版本和2次发布候选,今天我十分骄傲的宣布Vue.js 1.0.0 Evangelion正式发布!十分感谢那些参与到API再设计过程中的贡献者。没有来自社区的支持,那(API再设计)将是不可能的。

改进
模板语法


总而言之,1.0版本的模板语法解决了一些细微的一致性问题并且使得Vue模板更加简洁更具可读性。最引人注目的新特点是v-on和v-bind速记语法:


<!-- short for v-bind:href --><a :href="someURL"></a><!-- short for v-on:click --><button @click="onClick"></button>


当我们使用子组件时,v-on 监听自定义事件并且v-bind可以用来绑定道具。速记法使用子组件十分的简洁。


<item-list
  :items="items"
  @ready="onItemsReady"
  @update="onItemsUpdate">
</item-list>
API
整理

对Vue.js来说,总的目标是让它适用于更大的项目。这就是为什么我们会放弃许多API,他们是一些难以维护和重构的功能特性,而这些特性会损害维护模式。

更快
初始渲染

1.0版本直接用v-for替换了旧版本的v-repeat。此外还提供了相同的功能和更直观的作用域,当绘制大的列表和表格时v-for提供了高达100%的初始化渲染性能。

更强大
的工具

在Vue.js核心之外也有令人兴奋的事情发生——vue-loader和vueify有以下的主要更新:

  • 热组件重载。当一个*.vue组件被编辑,其所有活动实例均可进行热交换且不用重载页面。这意味着在进行一些小的改变时,例如修改样式或者模板,你的应用程序无需完全重载;程序热组件的状态可以被保存,大幅提升开发体验。

  • 局部CSS。仅向你的*.vue组件样式标签添加一个局部属性,该组件的模板和最终生成的CSS都会神奇地重写,以保证一个组件的样式仅适用于它本身。最重要地是,在父组件中指定的样式不影响其嵌套的子组件。

  • 默认ES2015。JavaScript是不断发展的。你可以用最新的语法编写最简洁清楚的代码。vue-loader和vueify现在显露你的*.vue组件盒之外,无需额外的安装。今天写未来的JavaScript吧!

结合vue-router, Vue.js现在不仅是一个库——它为构建复杂的SPA提供了一个坚实的基础。

下一步
会怎样

正如1.0.0通常表现的那样,在可见的未来核心API将继续保持稳定,且库已准备好用于生产使用。未来的发展将集中于:

  1. 升级vue-router使之成为真正的产品。

  2. 简化开发者体验,例如一个用于搭建Vue.js项目和组件的更好的devtool和CLI。

  3. 提供更多的学习资源,如教程和实例。

Vue.js官方网站:http://vuejs.org/

译者简介
王飞,从事于移动互联网开发,Android工程师,好读书,尤好文史。

本文为CSDN原创,请点击
阅读原文
查看完整文章并参与讨论
如果您喜欢这篇文章,请点击右上角
将本文分享给你的朋友

8590前端组件框架方案Vue.js 1.0发布,初始化渲染性能100%

root

这个人很懒,什么都没留下

文章评论