vue,angular,avalon这三种MVVM框架之间有什么优缺点
发布网友
发布时间：2022-04-23 08:25
共2个回答
热心网友
时间：2022-04-07 09:35
Vue.js
Vue.js 从技术角度讲，Vue.js 专注于 MVVM 模型的 ViewModel 层。它通过双向数据绑定把 View 层和 Model 层连接了起来。实际的 DOM 封装和输出格式都被抽象为了Directives 和 Filters。Vue.js和其他库相比是一个小而美的库，作者的主要目的是通过一个尽量简单的 API 产生可反映的数据绑定和可组合的视图组件，感觉作者的思路非常清晰。
优点：
简单：官方文档很清晰，比 Angular 简单易学。
快速：异步批处理方式更新 DOM。
组合：用解耦的、可复用的组件组合你的应用程序。
紧凑：~18kb min+gzip，且无依赖。
强大：表达式 & 无需声明依赖的可推导属性 (computed properties)。
对模块友好：可以通过 NPM、Bower 或 Duo 安装，不强迫所有的代码都遵循 Angular 的各种规定，使用场景更加灵活。
缺点：
新生儿：Vue.js是一个新的项目，2014年3月20日发布的0.10.0 Release Candidate版本，目前github上面最新的是0.11.4版本，没有angular那么成熟。
影响度不是很大：google了一下，有关于Vue.js多样性或者说丰富
AngularJS
AngularJS最近很火，追随者也很多。 Superheroic JavaScript MVW Framework
官方说得很朴素：“完全使用JavaScript编写的客户端技术。同其他历史悠久的Web技术（HTML、CSS和JavaScript）配合使用，使Web应用开发比以往更简单、更快捷“。
优点：
动态视图：以前从来没有想过js可以如此扩展HTML的属性，但是AngularJs做到了，它替我们静态的HTML加了很多扩展性功能，有一种让HTML由死变活的感觉。
完善：是一个比较完善的前端MVW框架，包含模板，数据双向绑定，路由，模块化，服务，依赖注入等所有功能，模板功能强大丰富，并且是声明式的，自带了丰富的 Angular 指令。
Google维护：AngularJS有Google来维护，无疑有了一个强大的后台，对于推广和维护明显比Vue.js和avalon有优势，社区也非常活泼，能够很好促进它的发展。
AngularJS & Ionic：Ionic: Advanced HTML5 Hybrid Mobile App Framework，Ionic通过用AngularJS为了创建一个框架，最适合开发的丰富和强大的应用程序。
缺点：
大而全：学习起来有难度，对于我来讲学习曲线很曲折，比较难理解一些。
推翻重写：前段时候逛社区发现AngularJS2.0会把之前的推翻重写，两个框架的改变很大，基本是两个框架了，等于是说等到2.0出来后又需要从头开始
Avalon.js
Avalon.js它最早发布于2012.09.15，为解决同一业务逻辑存在各种视图呈现而开发出来的。常常可以看到推广他的Avalon.js，出了很多教程，无疑对国内学习Avalon.js的人提供了巨大方便。
优点
使用简单，在HTML中添加绑定，在JS中用avalon.define定义ViewModel，再调用avalon.scan方法，它就能动了！
兼容到 IE6 (其他MVVM框架，KnockoutJS(IE6), AngularJS(IE9), EmberJS(IE8), WinJS(IE9) )，另有avalon.mobile，它可以更高效地运行于IE10等新版本浏览器中
没有任何依赖，不到5000行，压缩后不到50KiB
支持管道符风格的过滤函数，方便格式化输出
局部刷新的颗粒度已细化到一个文本节点，特性节点
要操作的节点，在第一次扫描就与视图刷新函数相绑定，并缓存起来，因此没有选择器出场的余地。
让DOM操作的代码近乎绝迹
使用类似CSS的重叠覆盖机制，让各个ViewModel分区交替地渲染页面
节点移除时，智能卸载对应的视图刷新函数，节约内存
操作数据即操作DOM，对ViewModel的操作都会同步到View与Model去
自带AMD模块加载器，省得与其他加载器进行整合。
热心网友
时间：2022-04-07 10:53
使用Object.defineProperties、 VBScript、 Object.observe，纯事件驱动，兼容IE6，DOM的兼容性处理可与jQuery媲美，体积少 早期的四大MVVM框架，都有大公司引衔： angularjs google出品，思想来自flex，IoC， 脏检测，自定义标签，受限于绑定数
