1. v-text：這個指令用於將vue實例中的data內的屬性渲染到標簽內。有兩種寫法： 1. `<div v-text="數據"></div>`：該寫法會將div內的所有內容清空，然後渲染成對應的數據。 2. `<div>{{數據}}</div>`：該寫法為v-text的簡寫，被稱為鬍子語法或差 ...
1. v-text：這個指令用於將vue實例中的data內的屬性渲染到標簽內。有兩種寫法：
1. `<div v-text="數據"></div>`：該寫法會將div內的所有內容清空，然後渲染成對應的數據。
2. `<div>{{數據}}</div>`：該寫法為v-text的簡寫，被稱為鬍子語法或差值語法。該寫法只會在{{}}對應的地方渲染數據，而不會改變div內其他位置的內容
3. 由上述兩個特點可以知道，{{}}更實用，簡便，所以用得更多
4. 無法識別標簽
2. v-html：這個指令與v-text的作用相同，只有一點不同，即可以識別標簽
3. v-model：這個指令可以用於input，select，textarea，組件這四種。作用是雙向數據綁定，在標簽上改變的值會影響到data的數據，data的數據改變也會影響到標簽上的值
4. v-show：這個指令用於改變元素的顯示/隱藏。當v-show綁定的值為true時，元素顯示；反之，隱藏。這個實現是利用display
5. v-if/v-else-if/v-else：這個指令同樣可以改變元素的顯示/隱藏。當綁定的值為true時，元素顯示；反之，隱藏。與v-show不同的是，這個指令改變了DOM樹，會將元素改變為註釋節點。與v-show的取捨，需要看情景。例如，v-if改變了DOM樹，比較耗性能，所以在頻繁切換時，會選擇使用v-show。
6. v-on：這個指令綁定了事件觸發時執行的methods中的方法。
1.寫法
1. <div v-on:click="方法名"></div>
2. <div :click="方法名"></div>
2. 當觸發時要傳入參數，則可以這樣寫：<div :click="方法（參數）"></div>
3. 如果邏輯簡單，可以直接用邏輯代碼代替方法
4. 修飾符：例如：<div :keyup.enter="方法"></div>
7. v-bind：該指令用於修改元素屬性，例如<img v-bind:src="" />
1. 簡寫：<img :src="" />
8. v-for：該指令用於迴圈渲染頁面
1. 寫法：<li v-for="(item, index) in 數據">{{item}}</li>
2. 數據：array | object | string | number
9. v-cloak：該指令用於為還沒有被vue編譯完成的鬍子語法添加樣式。需要配合css的屬性選擇器：[v-cloak]來添加樣式
10. 還有兩個很少用的指令v-once，v-pre
