2.Vue 常用指令

Vue 常用指令:

1.v-text (相当于innerText)：

案例：

2.v-html (相当于innerHTML)：

3. v-if (移除或者添加元素)：

3-1. v-if、v-else-if、v-else(条件判断)

4.v-show （显示或者隐藏元素）：

当需要频繁来回切换时，使用v-show，条件很少改变使用v-if，v-if有更高的切换性能开销，v-show有初始化性能开销

5. v-model (数据双向绑定)：

6. v-bind (数据单项绑定,v-bind:value可简写 :value,省去v-bind部分)：

7.v-for (循环)

8. v-on(事件绑定,v-on可简写 @click="", 省略v-on)