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

Posted 2020-08-17 ジ绯色月下ぎ

/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>