vue-MVVM

1.MVVM

vue借鉴了的的是MVVM模型。何为MVVM呢？其实是代表三个单词

M:model 模型层，它主要代表的是一般的js对象{ } ，其实代表的就是写在js里面的数组，或者你 可以理解为就是在data数组里面的东西

VM：ViewAndModel 这个就是指vue，那么vue主要是做什么的呢？vue就是做了两件事，如下图数据绑定与数据监听。数据绑定其实就是vue经过一系列的复杂转换把data中的数据拿到页面上进行绑定。（其实我们的前端框架都有这个功能，那为什么我们还要选择用vue呢？）其实是因为他的数据监听，就是我们所说的双向绑定，就是页面的改变会导致model中一些数据的改变。

view：视图，就是DOM，出现了DOM其实就是代表了页面，所以我们称为view。

所以为什么vue能成为很优秀的前端框架。因为他让我们我们的前后端交互变得更加简单。因为他能是我们不用操作DOM直接对页面进行数据绑定，也就是在他的内部他帮我们操作DOM，还有最为神奇的是vue可以做双向的数据绑定。这是非常方便的对于我们获取页面的动态数据。