第一種方式，直接傳遞一個數組，注意使用v-bind綁定 <h1 :class="['red','size'">這是一個h1文本</h1> 在代碼里使用三元表達式 <h1 ...

使用內聯樣式 1，直接在元素上通過 :style的形式書寫樣式對象 2，將樣式對象，定義到data中，並直接引用到 :style中 在data上定義樣式： 在元素中 通過屬性綁定的形式 將樣式對象應用到元素中 3，在 :style中通過數組 引用 ...

1.直接在元素上通過:style的形式，書寫樣式對象 2.將樣式對象定義在data中，並直接引用到:style中 3.在:style中通過數組，引用多個data上的樣式對象 ...

1.直接在元素上通過:style綁定書寫 <h1 :style="{color: 'red','font-size': '40px'}">這是一個h1文本</h1> 2.將樣式對象定義到data中，並直接引用到:style中 ...

<!-- 傳統寫法 --> <h1 class="red thin">這是一個h1標簽</h1> < ...

...

1.綁定屬性 v-bind 或者 ： 例如： :src="pic_src" /> <template> <div id="app"> :src="pic_src" /> </div> < ...

1.綁定Class ①對象語法 ②數組語法 三元表達式： 表明始終添加classA，在isB為true時添加classB 2.綁定內聯style !注意：margin-left寫成marginLeft 也可以綁定 ...