屬性

特別聲明一： 本文主要學習並整理自51CTO課程《Vue.js 2.0之全家桶系列視頻課程》，講師湯小洋，跳轉鏈接見文末。

特別聲明二： 本文核心內容全部來自51CTO課程《Vue.js 2.0之全家桶系列視頻課程》，本人只是照着視頻課程敲了一遍代碼，所以本文定義爲翻譯。

---

屬性：

基本用法：使用on-bind:將html標籤屬性與vue屬性綁定起來，可簡寫爲:。

• 示例：
  
• 使用chrome打開，效果如圖：
  

class使用屬性：可以將類樣式記錄在vue實例的屬性裏，然後直接引用該屬性；也可以直接使用json(這是最常用的方式)。

• 示例：
  
• 使用chrome打開，效果如圖：
  

style使用屬性：將樣式記錄在vue實例的屬性裏，然後直接引用該屬性即可。

• 示例：
  
• 使用chrome打開，效果如圖：
  

---

^_^ 如有不當之處，歡迎指正

^_^ 學習整理自
        51CTO課程《Vue.js 2.0之全家桶系列視頻課程》講師 湯小洋

^_^ 本文已經被收錄進《程序員成長筆記(六)》，筆者JustryDeng