vue学习(九) 使用内联样式设置style样式

时间:2023-03-09 13:31:22
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>