朽木自雕XD

导航

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

posted on 2022-05-13 11:43  朽木自雕XD  阅读(48)  评论(0编辑  收藏  举报