vue學習(九) 使用內聯樣式設置style樣式

/html
<div id="app">
  
  //對象就是無序鍵值對的集合   <h1 :style="{ color:red, 'font-weight':200 }">哈哈哈哈哈</h1>
  
  <h1 :style="styleObj"></h1>
  
  <h1 :style="[styleObj,styleObj2]"></h1> </div> //script <script>   var vm = new Vue({     el:'app',     data:{       msg:'點擊一下',
      styleObj:{ color:red, 'font-weight':200 },
      styleObj2:{ 'font-style': 'italic' }
    },     methods:{//methods中定義了當前vue實例中全部可用的方法           }   }) </script>
相關文章
相關標籤/搜索