Vue MVVM设计模式简介

1.什么是MVVM

Model 在 MVC 框架的角色是：有很多字段组成的数据。这些数据可以是：类，对象，数组，这些数据准备被操作（即增删改查），最后在 View 呈现出来。

将model数据绑定到view结构当中，我们就不需要对DOM结构操作了，只需要改变数据

ex：

 let man = {
            name: '彦祖',
            age: 12
        }
 

man看作model，假设model与HTML某些DOM节点产生联系，把显示的name和age进行更改就不需要操作DOM，而是直接修改man对象

man.name = '华仔'
man.age = 19

这就是MVVM的设计思想：关注Model的变化，让MVVM框架去自动更新DOM的状态，从而把开发者从操作DOM的繁琐步骤中解脱出来！