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路由方面难以处理,经常出错,这块是一个大坑。


  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

兵腾傲宇

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值