Vue（四）——总结

渐进式JavaScript框架

Vue.js是一套构建用户界面（UI）的渐进式JavaScript框架。

1、库和框架的区别？

• 库：库是提供给开发者的一个封装好的特定于某一方面的集合（方法和函数），库没有控制权，控制权还在使用者的手中：在库中查询自己需要的功能进行应用。
• 框架：框架即一台架构，是基于自身点为用户提出的一套相对完整的问题解决方案。控制权属于框架本身，开发者要根据框架的自身规范去进行某些开发。

2、渐进式

渐进式指没有多做指责之外的事情。

VUE.js只提供了vue-cli生态中最核心的组件系统和双向数据绑定，类似vuex、vue-router都是属于围绕vue.js开发的库。

• 双向数据绑定

将DOM和Vue示例的data数据绑定，彼此相互影响。

原理：Object.defineProperty中的get和set方法。

作用：指定读取或设置对象属性值的时候执行操作。

• Angular：必须使用它的模块机制，必须使用它的依赖注入，必须使用它的特殊形式定义组件。因此Angular具有较强的排他性，如果应用不是从回头开始就不要考虑其他集成。
• React：函数式编程理念，副作用，纯函数，如何隔离避免副作用。React的侵入性之所以看起来没有Angular那么强主要因为它是属于软性侵入。
• Vue：渐进的。（1）可以在原有的大系统上面把一两个组件改用它去实现，即当成jQuery来使用。（2）可以使用整个全家桶去开发，即当成Angular使用。（3）可以使用它的视图，从而搭配我们自己设计的下层来使用。（4）可以在底层数据逻辑处用OO和设计模式的理念。（5）可以函数式，作为轻量视图只做最核心的东西。

3、MVVM

• M：model数据模型
• V：View视图
• VM：View Model视图模型

（1）MVC和MVVM

MVC中将程序分为三大部分，实现了责任分离。在前端中需要经常通过js代码进行逻辑操作，最终将逻辑操作的结果体现在页面上，即频繁的操作DOM。

MVVM通过数据双向绑定来使得数据自动地双向同步，像VUE这种MVVM的框架就不建议去手动操作DOM。

（2）VUE中的MVVM

1. VUE没有完全遵循MVVM模型，在文档中经常使用vm的变量名表示VUE实例。
2. VUE思想：不要想着如何去操作DOM，而是如何操作数据。