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。

vue-study-1 mvx模式相关推荐

vue react 路由history模式刷新404问题解决方案
vue react 路由history模式刷新404问题解决方案参考文章: (1)vue react 路由history模式刷新404问题解决方案 (2)https://www.cnblogs.co ...
Android应用开发—浅谈MVX模式
MVX模式的文章太多了,这里不会再重述,关键我还不太懂,本文会从自己的一些思考,分析下MVX的分离思想,先占个坑! Android应用架构这篇文章最后讲到: Activity和Fragment变得非常 ...
Vue在IE兼容模式下白屏解决方案
Vue在IE兼容模式下白屏,主要原因是因为无法解析ES6语法: 需要安装babel-polyfill插件: yarn add babel-polyfill #或者 npm install babel- ...
vue + element-UI 实现深色模式和主题色动态切换
vue + element-UI 实现深色模式和主题色动态切换文章目录 vue + element-UI 实现深色模式和主题色动态切换前言深色模式和主题色动态切换本地样式切换主题色切换 el ...
面试考问Vue Router 的路由模式，这个回答令我直接出局！
HR力荐了一个工作 4 年,目前年薪 40W+ 的候选人. 看他简历,从 HTML,CSS,JavaScript ,Vue.js ,再到React 一个都不缺,跨平台PC.移动端.小程序也都接触过,像 ...
你真的理解 Vue Router 的路由模式吗？
HR力荐了一个工作 4 年,目前年薪 40W+ 的候选人. 看他简历,从 HTML,CSS,JavaScript ,Vue.js ,再到React 一个都不缺,跨平台PC.移动端.小程序也都接触过,像 ...
面试考问Vue Router 的路由模式，这个回答令我直接出局~
HR力荐了一个工作 4 年,目前年薪 40W+ 的候选人. 看他简历,从 HTML,CSS,JavaScript ,Vue.js ,再到React 一个都不缺,跨平台PC.移动端.小程序也都接触过,像 ...
理解vuex -- vue的状态管理模式
2019独角兽企业重金招聘Python工程师标准>>> vuex是什么? 先引用vuex官网的话: Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式.它采用集中式存储管 ...
解决vue router使用 history 模式刷新后404问题
因为我们的应用是单页客户端应用,当使用 history 模式时,URL 就像正常的 url,可以直接访问http://www.xxx.com/user/id,但是因为vue-router设置的路径不是 ...
vue实现多行数据提交_（Vue起步）3.Vue设计模式：MVVM模式
①公众号:王酱酱记 ②记录跟着文档学习Vue的一些关键点,持续更新.感兴趣的小白建议关注一下 ③Vue的MVVM模式与传统的MVC模式有什么区别呢?这道题被面试大大虐过,之前无知的我好惨,赶快看起来吧 ...

vue-study-1 mvx模式

vue-study-1 mvx模式相关推荐

最新文章

热门文章