第一种方式，直接传递一个数组，注意使用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 也可以绑定 ...