> 指令 (Directives) 是帶有 v- 前綴的特殊屬性，Mustache語法不能作用在HTML屬性上，遇到這種情況應(yīng)該使用v-bind指令。`v-bind` 指令可簡寫為 `:` #### 1. v-bind 綁定屬性 --- ```html <div id="app"> <p v-bind:class="art">標(biāo)簽內(nèi)容</p> </div> <script> let vm = new Vue({ el: '#app', data: { art: 'active' } }) </script> ``` 最終生成的p標(biāo)簽 ```html <p class="active">標(biāo)簽內(nèi)容</p> ``` #### 2. 動態(tài)參數(shù)（動態(tài)屬性名） --- ```html <div id="app"> <p v-bind:[attrname]="art">標(biāo)簽內(nèi)容</p> </div> <script> let vm = new Vue({ el: '#app', data: { attrname: 'class', art: 'active' } }) </script> ``` 最終生成的p標(biāo)簽 ```html <p class="active">標(biāo)簽內(nèi)容</p> ```