vue一些常用指令的作用详解

mvvm:

mvc（m=module模型.  v=view视图  c=contorller控制器  ）

vm视图与数据之间的传递；

vue特性：

双向数据绑定、单向数据流、单页面应用

v-model：数据绑定；

data：返回对象用return；

v-for：循环； 格式：v-for=“字段名 in(of)数组json"

v-show: 显示隐藏 传递值为布尔值 true false默认false；

v-if：显示与隐藏；（v-show对比区别就是是否删除dom节点，默认是false）

v-else-if：必须和v-if连用，不能单独使用否则报错，模版编译错误；

v-bind：动态绑定；作用：及时对页面的数据进行更改；

v-on：绑定事件，函数必须写在methods里面；（@click快捷写法）

v-text：解析文本；

v-bind：class

三种绑定方法：

1、对象型：{red: isred};

2、三目型；

3、数组型；

v-once：进入页面时，只渲染一次，不再进行渲染；

v-cloak：防止闪烁；

v-pre：把标签内部的元素原位输出；