• 通过对象方式绑定stylekeycss属性,value可以是data变量,也可以是字符串
    • 通过数组方式绑定style[ 对象1, 对象2 ]
      1. <div id="app">
      2. <h1 class="title" :style="[ baseStyle, activeStyle ]">{{ name }}</h1>
      3. <h1 class="title" :style="{ color: '#333', font-size: fontSize, backgroundColor: 'red' }">{{ name }}</h1>
      4. </div>
      1. const app = new Vue({
      2. el: "#app",
      3. data() {
      4. return {
      5. name: "沐颖汐",
      6. fontSize: "50px",
      7. baseStyle: {
      8. fontSize: '100px',
      9. color: '#333'
      10. },
      11. activeStyle: {
      12. color: 'red',
      13. backgroundColor: 'bule'
      14. }
      15. }
      16. }
      17. })