【Vue】了解这些类和样式绑定就够了！

hello，我是小索奇，精心制作的Vue系列持续发放，涵盖大量的经验和示例，由浅入深进行讲解。 本章给大家讲解的是类和样式绑定，前面的章节已经更新完毕，后面的章节持续输出，有任何问题都可以留言或私信哈，一起加油~

类和样式绑定

其中:是v-bind 的缩写)

绑定class样式

• 写法：class="soa"， soa可以是字符串、对象、数组

• 字符串写法 :类名不确定,要动态获取

• 对象写法 :要绑定多个样式,个数&名字也不确定

• 数组写法 :要绑定多个样式,个数&名字确定,可以进行自定义修改

绑定 style 样式

• 对象写法::style="{fontSize: xxx}" 其中xxx是动态值

• 数组写法::style="[a,b]" 其中a、b是样式对象

示例

  
  
  {{name}}

     {{name}}

       {{name}}

     {{name}}

     {{name}}