Vue笔记五:Vue选型和Webpack入门

Vue笔记五:Vue选型和Webpack入门

Vue的选型

Vue笔记五:Vue选型和Webpack入门_第1张图片
Vue全家桶

现在面试前端者都会在自己简历上写上精通这三个框架,但是仔细一问就三不知。在纵观几个大型前端框架后,我想得出一结论,问什么选择Vue框架呢?

下面我们对这三个框架进行对比。

Vue与Angular

一切要从Vue1.0讲起,回顾一下历史。Vue在项目初期命名为Angular Lite,说明了我们Vue1.0和Angular之间的关系,它的初始目标是一个精简版的Angular。它们的共同点在于它们都拥有双向绑定机制和指令。Angular(后面简称为ng)和Vue的异同点如下:

  • ng是一个完整的mvvm框架,vue主要是view层展示
  • ng双向绑定基于模版编译规则(“脏”检查), vue是采用es5的get和set机制
  • vue可以el对象进行实例化,组件化
  • ng框架重,整个设计模式具有依赖注入的思想,学习曲线比较陡峭
  • ng2断层式升级,但是ng2更吸引人

总而言之,Angular的“大而整”的结构让它在构建项目的过程当中得心应手,但是Vue的“小而美”组件化结构却是符合我轻量级应用项目的需求。因为现在很多的页面内容都集中在移动端。说到小而美的“组件化思想”,我们会提到Vue和React。

Vue与React

Vue笔记五:Vue选型和Webpack入门_第2张图片
React VS Vue

在听了尤雨溪的知乎live后,我更加明白vue2大量地借鉴了很多React的特性。React也算是“js大一统”思想的鼻祖,运用了css in html(jsx)和css in js的特点,实现组件化的高度复用。而尤大大则是另辟蹊径制作了vue-loader和vueify,通过webpack和browserify打包项目工程内容。运用