指令v-使用

1.v-text

用来设置当前元素的文本内容，相当于DOM对象的 innerText或textContent

2.v-html

更新DOM对象的 innerHTML

3.v-bind

通过v-bind为HTML元素绑定属性，使用data中提供的数据;

因为 v-bind:title 这种使用方式很繁琐，所以，vue提供了一个简化语法 :title

4.v-on

绑定事件,支持js所有的事件类型， v-on绑定的事件方法都要写在Vue实例中的methods对象中;
v-on:省略写 @

5.v-model

在表单元素上创建双向数据绑定;
只能用在表单元素中，注意：不同的表达元素，v-model的表现可能会有所不同。
比如：v-model操作文本框的value属性，而复选框 v-model 就是操作其选中状态;

6.v-for

基于源数据多次渲染元素或模板块,不仅可以渲染集合List也可以遍历对象Obj；

7.v-bind:class和v-bind:style

表达式的类型：字符串、数组、对象（重点）

8.v-if

根据表达式布尔值的真假条件是否加载这段代码， true:DOM中会加载这段代码，false:DOM中不会加载这段代码；

9.v-show

根据表达式之真假值，切换元素的 display CSS 属性，无论true还是false DOM中都会加载这段代码；