VUE模板指令

VUE模板指令

模板插值

v-on：值的动态双向绑定 简写@

v-once：一旦渲染，不能够再被更改
v-html ：html代码插值
v-bind ：动态改变标签属性 简写：

v-on和v-once可以指定参数 用：分割

条件渲染

v-if的值为真时会显示
v-if可以和v-else结合

v-show也是通过真假值渲染，它的渲染逻辑只是一种视觉上的条件渲染。实际上无论v-show的条件是真是假，当前元素都会被渲染。

循环渲染

v-for 指令可以将一个数组中的数据渲染为列表视图

```javascript
<div v-for="item in list">
{{item}}
//item时一个临时变量，指代的是列表中被迭代出的元素名，list是列表变量本身。
</div>

v-for的其他用法，用下面的函数对列表中的对象更新

list.push()//向列表尾部追加一个元素
list.pop()//删除列表尾部的一个元素
list.shift()//向列表头部插入一个元素
list.unshift()//删除列表头部的一个元素
list.splice()//对列表进行分割
list.push()//对列表进行排序操作
list.push()//对列表进行逆序