Bootstrap

AngularJS与Vue的比较

AngularJS

  • 1、MVVM(Model)(View)(View-model);
  • 2、模块化(Module)控制器(Contoller)依赖注入;
  • 3、双向数据绑定:界面的操作能实时反映到数据,数据的变更能实时展现到界面;
  • 4、指令(ng-click ng-model ng-href ng-src ng-if...);
  • 5、服务Service($compile $filter $interval $timeout $http...)。

Vue.js

  • 1、模块化,目前最热的方式是在项目中直接使用ES6的模块化,结合Webpack进行项目打包;
  • 2、组件化,创造单个component后缀为.vue的文件,包含template(html代码),script(es6代码),style(css样式);
  • 3、路由。

angular和vue的差别

  Angular是mvvm框架, 而vue是一个渐进式的框架, 相当于view层, 都有双向数据绑定,  但是angular中的双向数据绑定是基于脏检查机制, vue的双向数据绑定是基于ES5的getter和setter来实现, 而angular是有自己实现一套模板编译规则,vue比angular更轻量, 性能上更高效, 比angular更容易上手, 学习成本低, vue需要一个el对象进行实例化, 而angular是整个html页面下的,单页面应用, 而vue可以有过个vue实例;

注:angular可以进行自动化的测试,就是一般做移动端应用时,ui-router路由方面难以处理,经常出错,这块是一个大坑。


;