1、內容渲染指令

1.v-text指令：覆蓋元素內部原有的內容。

2.{{}}插值表示式：是內容的佔位符，不會覆蓋原有內容。

3.v-html指令：吧帶有標籤的字串，渲染成真正的HTML內容。

2、屬性繫結指令

{{}} 插值表示式，只能用於元素的內容結點中，不能用在元素的屬性結點中！

可以使用v-bind: 指令，為元素的屬性動態繫結值；（簡寫是英文的：）

在使用v-bind期間，如果繫結內容需要進行動態拼接，則字串外面應該包裹單引號

例如：<div :titile:" 'box' + index "> 這是一個div</div>

3、事件繫結指令

v-on:click="a" 簡寫 @click="a"

當a不傳參的時候，a(e){} 方法實現中預設可以獲取一個e物件，代表該事件，e.target 表示當前結點

當a有引數時，vue提供了內建變數$event，他就是原生DOM事件物件e

<button @click="a(1,$event)">+1</button>   ----------->      a(n, e){}

4、雙向繫結指令

v-model=""

5、條件渲染指令

v-if ：動態移除/建立元素

v-show ：用display:none 控制顯示

6、列表渲染指令

v-for="(item. index) in list" :key="item.id" 

key 的值為 字串或者數字型別，推薦數字型別，即以id作為key，不能重複

可以在子元素和自身上使用列表內容