Vue学习笔记：v-bind动态绑定style

■可以利用v-bind：style来绑定一些CSS内联样式
■在写CSS属性名的时候，比如font-size
--- □可以使用驼峰式：==fontSize==
--- □或短横线分隔：=='font-size'==
■绑定style的两种方式：对象语法，数组语法

一、对象语法

■style后面跟的是一个对象类型
---→对象的key是CSS的属性
---→对象的value是具体赋的值，值可以来自data中的属性

  
{{message}}

代码示例

  

  
  

  
  

  
{{message}}

  
  
{{message}}

运行结果

二、数组语法

■style后面跟的是一个数组类型
--→style 可以使用数组将多个样式对象应用到一个元素上（ex：字体大小，字体颜色，背景颜色...)

  
{{message}}

代码示例

  
{{message}}

运行结果