vue 指令

v-text

1. <span v-text="msg"></span>  等价于  <span>{{msg}}</span>

2. 没有简写方式 相当于js中的text方法

v-html

1. 双大括号会将数据解析成纯文本, v-html输出的是真正的html，等价于js中的innerHTML方法

v-pre

1. 跳过编译 直接输入原代码

v-cloak

1. 解决刷线页面 插值符号闪烁的问题
2. 在初始化完成之后v-clock属性会被移除, 因此在css中定义属性选择器[v-cloak] { display: none; }会隐藏该元素

v-once

1. 只在页面初始化的时候渲染一次数据, 之后即使数据发生改变也不会重新渲染

v-if

1. 根据条件对元素显隐  注： 是对元素的删除与创建

v-else-if

1. 多条件判断语句，可以链式使用多次

v-else

1. 必须紧跟在v-if或v-else-if之后

v-show

1. 根据条件控制元素的显隐  注：控制display属性

v-for

1. 循环渲染  语法： v-for=“(item, index) in arr”

v-bind

1. vue 的属性绑定  多用于类 与style  语法糖：

v-model

1. 数据的双向绑定  
2. 修饰符 v-model.lazy, 触发input的onchange事件才会同步数据
3. v-model.number 将用户输入的内容转换成数值类型
4. v-model.trim 会对用户输入的值去除首尾空格

v-on

1. vue的事件绑定 语法糖@
2. 事件修饰符详见： https://blog.csdn.net/liux6687/article/details/84873157