vue指令作用以及用法

模板语法是（{{ }}）对变量输出

1、v-bind 给标签属性设置变量的值

语法：v-bind:属性名="变量"或：属性名="变量"

2、v-on 给标签绑定事件

语法：v-on：事件名="函数"或：@click="函数"

3、v-model 双向数据绑定

语法：v-model="变量"

4、v-text（不识别标签）和v-html（识别标签）

v-text="变量"

v-html="变量"

5、v-show和v-if

作用：v-show可以用display:none方式显示和隐藏dom （频繁切换使用）

v-if直接从dom上移除

语法：v-show="变量"

v-if="变量" 可以跟v-else-if和v-else配合使用

6、v-for 列表渲染

语法：v-for='(item(值)）,index(索引))'  in 数据 ：key="item(值)"；