12 vue中的样式-style

vue中的样式 是动态绑定style ， 对象 是无需键值对的集合

1.

<h1 :style="{ color:'red' ,fontSize:'32px'}">这是最基础的一个</h1>

直接在对象中写键值对

2.

<h1 :style="styleObj2">这是第一个</h1> 

将键值对对象写在data中。直接动态绑定

3.

  <h1 :style="[ styleObj1, styleObj2 ]">这是第二个</h1>

多个键值对对象，用数组。 依次写入

data: {
styleObj1: { color: 'red', 'font-weight': 200 },
styleObj2: { 'font-style': 'italic' }
},