标签：MVVM 思想 DOM VM 视图 Model View

M：Model，模型，包括数据和一些基本操作 V：View，视图，页面渲染结果 VM：即View-Model，模型与视图之间的双向操作（无需开发人员干涉）

2.详解

在MVVM之前，先要从后端获取数据模型，然后要通过DOM操作Model渲染到View中.
然后当用户操作视图，还要通过DOM获取View中的数据，然后同步到Model中.
而MVVM中的VM要做的事情就是把DOM操作完全封装起来，开发人员不用再关心Model和View之间如何互相影响的,
只需要将他们都与VM关联起来即可.

3.

vue几乎为html标签的任何原生属性都提供了v-bind的支持，比如title属性，可以用来在鼠标悬停时显示信息.(v-bind:xxx，通常简写为:xxx，即v-bind可以省略，只留一个:+属性即可)

4.

v-model指令，是用来实现双向绑定的.前面我们见识过了从data的变化到view的动态响应，而要在次基础上实现从view的改变动态响应到data，则需要使用v-model

5.v-on指令监听DOM事件，比如onclick事件的监听

6.v-for="user in users"表示从users迭代出的每个元素都交由user变量接管，所以后续可以使用user来获取对象的属性.
还可以带上index，即当前元素在数组中的索引

7.v-if和v-show的作用很类似，都是用来控制空间的显示，隐藏的，但有一点区别，v-if如果为false时，整个标签都不会再HTML中存在，而v-show只是隐藏标签，但是它还是存在于HTML文档中的.

标签：MVVM,思想,DOM,VM,视图,Model,View
来源： https://www.cnblogs.com/ysjdy/p/16264109.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。