angular和vue的不同之处是什么?

angular和vue的不同之处是什么?区别是什么?下面本篇文章就来给大家介绍一下angular和vue的区别。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

angular和vue的不同之处(区别)

1、vue仅仅是mvvm中的view层,只是一个如jquery般的工具库,而不是框架,而angular是mvvm框架。

2、vue的双向邦定是基于ES5 的 getter/setter来实现的,而angular而是由自己实现一套模版编译规则,需要进行所谓的“脏”检查,vue则不需要。因此,vue在性能上更高效,但是代价是对于ie9以下的浏览器无法支持。

3、在 vue 中指令和组件分得更清晰。指令只封装 DOM 操作,而组件代表一个自给自足的独立单元 —— 有自己的视图和数据逻辑。在 angular 中两者有不少相混的地方。

4、在 API 与设计两方上 vue比 angular 简单得多,因此你可以快速地掌握它的全部特性并投入开发。

5、vue是一个更加灵活开放的解决方案。它允许你以希望的方式组织应用程序,而不是在任何时候都必须遵循 angular制定的规则,这让 vue 能适用于各种项目。

6、angular用的指令是ng-前缀的,而vue是v-,风格其实一样的,数据绑定的方式也是一样的两个{}

7、挂载数据的方法不同

angular挂载数据的方法

var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope) {
    $scope.list = [{},{},{}];
    $scope.method = function(){
        console.log("angular");
    }
})

vue挂载数据的方法

var V = new Vue({
  el:"#app",data:{        
      list:[{},{},{}]
  },    
  methods:{        
         method:function(){
         console.log("angular");
      }
  }
})

可以看出angular所有的数据和方法都是挂载在$scope上,而vue的数据和方法都是挂载在vue上,只是数据挂载在vue的data,方法挂载在vue的methods上。

更多前端开发知识,请查阅 HTML中文网 !!

以上就是angular和vue的不同之处是什么?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读