Vue、MVVM的介绍

Vue 介绍

Vue是一套构建用户界面的渐进式JavaScript框架和MVVM双向数据绑定编程模型

官网：https://cn.vuejs.org/

MVVM数据双向绑定模式

什么是MVVM

Model：数据模型，普通的JS数据对象

View：前端展示页面，这里是DOM标签

ViewModel：用于双向绑定数据与页面，也是Vue的实例

l MVVM 强调的是双向数据绑定，页面输入会导致模型数据改变，模型数据的改变也会影响页面数据展示与渲染

l 其核心就是 ViewModel 通过 DOM 监听实现。

 

MVVM模型(Model View ViewModel)：是 MVC 模式的改进版

        在前端页面中，JS 对象表示 Model，页面表示 View，两者做到了最大限度的分离。

        将 Model 和 View 关联起来的就是 ViewModel，它是桥梁。

        ViewModel 负责把 Model 的数据同步到 View 显示出来，还负责把 View 修改的数据同步回 Model。

 

 

MVVM的JS框架特点

Angular：强主张性，全部特性都要应用。2009年，由Misko Hevery 等人创建，后为Google所收购。

React：软主张，部分特性都应用。起源于 Facebook 的内部项目，2013年5月进行开源。

Vue：渐进式框架，易用，性能优越，灵活应用，想用就用。2014年2月，尤雨溪 开发。2016年9月加盟阿里巴巴Weex团队。

MVVM与MVC的区别

MVC

MVC强调的是单向数据绑定：

M数据 à V视图

模型层数据改变，会导致视图的数据变化

 

MVVM

强调的是双向数据绑定：

M <--> V

页面输入会导致模型数据改变

模型数据的改变也会影响页面数据展示与渲染