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>

原文地址：https://www.cnblogs.com/xuchao0506/p/10805632.html