vue与angular的区别

最近许多人都在讨论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上。

以上是我对vue和angular区别的理解和总结,参考参考,如果有需要补充的,大家可以给我留言,我们可以一起讨论讨论噢

图片发自简书App
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 小宝最近很烦恼,整天哀声叹气的,就像株发蔫的蒜苗,丢了魂儿似的。工作错误频发,也不像以前活波跳腾了。看他这...
    探路人阅读 207评论 0 3
  • 好想和你一起数星星 一半留在天上 一半挤进你的眼晴 好想和你一起放风筝 一会飞在天空 一会荡进你的心海 好想和你一...
    冰叶草阅读 298评论 0 2
  • 孙膑的名字,是我听过的最忧伤的故事。他的真名,历史上没有记载,而‘膑’字,是因为他曾经受过膑刑,一种剔除膝盖的刑罚...
    汴京遗梦阅读 1,988评论 0 1
  • 作为一名医学狗 好像真的是考试周的时候做什么都比学习有趣 但是真的是好惶恐 担心拿不了第一 担心成绩一落千丈 但更...
    白首簪花阅读 252评论 2 3
  • 农妇摘莲蓬…… 回家一个星期。有忙碌的进货时间,有悠闲的郊游时光,有能量对撞的火爆场面,也有温馨的讲故事时刻。这一...
    叛逆的榴莲阅读 222评论 0 4