>本節講解的內容對前面的章節具有依賴性，如果看起來有困難，請先看本系列前面的章節 ## 一、本節說明 前面的章節我們學習了如何向頁面html標簽進行插值操作，那么如果我們想動態改變html標簽的屬性，該怎么辦呢？ 這就是我們這節開始要講的內容v-bind. ## 二、 怎么做  * “:”為v-bind的簡寫形式，也可稱為語法糖 ## 三、 效果  網頁上點擊可以實現跳轉(這里是截圖,點擊無效) ## 四、 深入 * 在上圖中將a標簽的href屬性值設置為toutiao，VUE實例將自動去data里面尋找toutiao屬性進行值綁定。 * 不只是a標簽，所有的html標簽屬性都可以通過v-bind進行值綁定，然后通過改變數據動態改變它的屬性值。 ### 錯誤的寫法 * 注意一下：初學者容易犯錯,這樣寫是錯誤的，`v-bind:href="{{toutiao}}"`。 * 下面的寫法也無法正常的完成屬性值綁定操作,注意雙引號中間有一對單引號。 ``` <a v-bind:href="'toutiao'">今日頭條(v-bind:href)</a> ```  加上單引號之后，并不會進行屬性值綁定，而是將字符串原樣渲染后綁定屬性上。