MVVM思想
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文档中的.