vue-study-1 mvx模式

1、首先了解一下mvx框架模式

MVX框架模式：MVC+MVP+MVVM

1、mvc model（模型）+view（视图）+co'n'roller（控制器），主要基于分层，让彼此的职责都分开。

view通过controller来与model联系，controller事view和model的协调者，view和model不直接联系，基本的联系都是单向的。用户通过控制器controller来操作模板model从而打来试图的变化。

2、mvp事mvc演变过来的，懂事通过controller和presenter负责逻辑的处理+model数据层+view视图层

在mvp里面通过presenter完全吧view和model进行了分离，主要的程序逻辑写在presenter里面实现。

并且presenter与view不是直接联系的，是通过定义好的接口来进行交互，从而似的在变更view的时候可以保持presenter不变，mvp模式的框架：Riot.js

3、MVVM ：MVVM事把MVC里面的controller和mvp里面的presenter改成了ViewModel。Model+view+ViewModel。

View的变化会自动更新倒ViewModel，ViewModel层的变化会总动同步到View上显示。

这种自动同步事因为viewModel中的属性实现了observer，当属性变更时都能触发对应的操作。

MVVM模式的框架：AngularJS+Vue.js和Knockout+Ember.js后两种知名度较低以及是早起的框架模式。

Vue.js是什么？

看到了上面的框架模式介绍，我们可以知道它是属于MVVM模式的框架。那它有哪些特性呢？

其实Vue.js不是一个框架，因为它只聚焦视图层，是一个构建数据驱动的Web界面的库。

Vue.js通过简单的API（应用程序编程接口）提供高效的数据绑定和灵活的组件系统。

Vue.js的特性如下：

1.轻量级的框架

2.双向数据绑定

3.指令

4.插件化

Vue.js与其他框架的区别？

1.与AngularJS的区别

相同点：

都支持指令：内置指令和自定义指令。

都支持过滤器：内置过滤器和自定义过滤器。

都支持双向数据绑定。

都不支持低端浏览器。

不同点：

1.AngularJS的学习成本高，比如增加了Dependency Injection特性，而Vue.js本身提供的API都比较简单、直观。

2.在性能上，AngularJS依赖对数据做脏检查，所以Watcher越多越慢。

Vue.js使用基于依赖追踪的观察并且使用异步队列更新。所有的数据都是独立触发的。

对于庞大的应用来说，这个优化差异还是比较明显的。

2.与React的区别

相同点：

React采用特殊的JSX语法，Vue.js在组件开发中也推崇编写.vue特殊文件格式，对文件内容都有一些约定，两者都需要编译后使用。

中心思想相同：一切都是组件，组件实例之间可以嵌套。

都提供合理的钩子函数，可以让开发者定制化地去处理需求。

都不内置列数AJAX，Route等功能到核心包，而是以插件的方式加载。

在组件开发中都支持mixins的特性。

不同点：

React依赖Virtual DOM,而Vue.js使用的是DOM模板。React采用的Virtual DOM会对渲染出来的结果做脏检查。

Vue.js在模板中提供了指令，过滤器等，可以非常方便，快捷地操作DOM。