开辟者大年夜赛路演 | 12月16日，技巧立异，北京不见不散
Vue.js 是一个JavaScriptMVVM库，是一套构建用户界面的渐进式框架。
摘要
2016年最火的前端框架当属Vue.js了，很多应用过vue的法度榜样员如许评价它，“vue.js兼具angular.js和react.js的长处，并剔除了它们的缺点”。授予了这么高的评价的vue.js，也是开源世界华人的骄傲，因为它的作者是位中国人–尤雨溪（Evan You）。
Vue.js 是一个JavaScriptMVVM库，是一套构建用户界面的渐进式框架。它是以数据驱动和组件化的思惟构建的，采取自底向上增量开辟的设计。比拟于Angular.js，Vue.js供给了加倍简洁、更易于懂得的API，使得我们可以或许快速地上手并应用Vue.js。
在vue调试方面，可以选择安装chrome插件vue Devtools。打开vue项目，在console控制台选择vue面板。在Devtools对象中，可以选择组件，查看对应组件内的数据信息。也可以选择Vuex选项，查看该项目内Vuex的状况变量信息。
UI 组件库
在vue组件库方面，小我不推荐应用UI组件库，毕竟本身造轮子的过程照样很有成就感的。当然，如不雅更看重开辟效力，并且选择了vue2.0作为前端框架，那么饿了么推出的Element组件就是一个很不错的选择。其github项目（https://github.com/ElemeFE/element）更新比较频繁，固然项目话苄些不稳定，然则今朝为止element就是最好的支撑vue2.0的UI组件。就像它的标语一样，“快速成型，就为让你少加班”。
vue、React、Angular1 比较
机能比较
在Angular1中，在scope感化域中每一次数据变更，会触发watcher的从新计算，angular对常用的dom事宜，xhr事宜等做了封装， 在琅绫擎触发进入angular的digest流程。在digest流程琅绫擎，会大年夜rootscope开端遍历， 检查所有的watcher。并且，如不雅一些 watcher 触发另一个更新，脏检查轮回（digest cycle）可能要运行多次。Vue则没有这个问题，因为它应用基于依附追踪的不雅察体系并且异部队列更新，数据的变更都是自力处罚的，除非数据之间有明白的依附关系。
vue官方传播鼓吹vue的衬着机能优于react。为了有理有据让人佩服，vue开辟团队建立了一个简单的比较机能的项目（https://github.com/chrisvfritz/vue-render-performance-comparisons），它负责衬着10000个列表项100次。Vue官方将每一个参照项目都分别运行 20 次并取最好的结不雅结不雅如下图：
由此可见，Vue的机能是远好于Angular1，并且稍微优于React的。
Angular1的背后是Google，所以社区基本是不须要担心的，大年夜Tutorial到StackOverflow的问题数量都可以反竽暌钩出身态体系很完全。Angular1之后的2.0版本几乎是一个颠覆重做的框架，对于应用了1.X版本的项目，想要腻滑的进级过渡到2.0版本应当是异常艰苦的。
如今Angular2的线上应用数量还不算太多，主流编码照样以1.X版本居多。这个版本化巨大年夜的差别也借居影响到了开辟者对于angular的信念。
Vue和React都有强大年夜的社区支撑。React有状况治理库Flux、ReduxVue，响应的，Vue有vuex。
Vue 和 React 都供给了强大年夜的路由库来竽暌功对大年夜型应用。然而Vue的路由库和状况治理库都是由官方保护支撑的。
React 则是选择把这些问题交给社区保护，是以创建了一个更分散的生态体系。但相对的，React 的生态体系比拟 Vue 加倍繁华。
此外，Vue 供给了Vue-cli 脚手架，包含了Webpack，Browserify，甚至路由库，能让你异常轻易地构建项目。
进修陡峭度比较
在指令与组件方面，Vue中将指令和组件分得更清楚。指令只封装 DOM 操作，而组件代表一个自给自足的自力单位，有本身的视图和数据逻辑。在 Angular1 中两者有不少相混的处所。在API与框架设计方面，angular1都比vue要复杂的多。就小我感到而言，angular1和React的进修曲线会相对陡峭一些，而vue的编码方法会更趋近于前端开辟者的编程习惯。
因为vue的作者是中国人，vue的官方网站、教程和api肯定是最完美、最易懂的。此外，每次大年夜版本的宣布，都邑伴跟着详尽的迁徙解释文档，包含了很多详尽的阐述以及很多迁徙的例子，甚至还有迁徙对象。Angular的开辟团队你们就不认为脸红么…
如许就生成了vue的hello world应用。
衬着才能比较
ReactNative能使你用雷同的组件模型编写竽暌剐本地衬着才能的 APP（iOS 和 Android）。能同时跨多平台开辟，对开辟者是异常棒的。为了弥补这方面的不足，在2016年9月举办的JSConf2016时代，vue.js的作者尤雨溪宣布加盟Weex团队担负技巧参谋，两边将进行更慎密的合作，共建开产生态圈。
Weex 是阿里的跨平台用户界面开辟框架，Weex 的 JavaScript 框架运行时用的就是 Vue。在此之后，在 Weex 的赞助下，应用 Vue 语法开辟的组件不仅仅可以运行在浏览器端，还能被用于开辟 iOS 和 Android 上的原生应用。
Vue.js 的作者尤雨溪表示：“Weex选择Vue作为其JavaScript运行时框架是让我异常高兴的一件事。Vue的组件开辟模式已经被web开辟者社区广泛 承认，而把Vue的开辟体验拓展到原生平台则是我一向想做但没有余力去做的工作。一想到Weex将能闪开辟者们用Vue的语法去写跨 Web/Android/iOS三端的通用组件，就让我很高兴。”
推荐阅读
开辟者大年夜赛路演 | 12月16日，技巧立异，北京不见不散 如不雅你经常应用 Linux，你应当碰到这个术语“僵尸过程Zombie Processes”。 那么什么是僵尸过程？ 它们是怎么产生的？>>>详细阅读
地址：http://www.17bianji.com/lsqh/39797.html
1/2 1
网友点评
精彩导读
科技快报
品牌展示