<body>
<div id="app">
<!-- 对象是无序键值对的集合 -->
<h1 :style="styleObj1">这是一个h1</h1>
<h1 :style="[styleObj1, styleObj2]">这是一个h1</h1>
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
styleObj1: { color: 'red' , 'font-weight': 200 },
styleObj2: { 'font-style': 'italic' },
},
methods: {
}
})
</script>
</body>
使用v-bind
绑定style
,添加样式
- 使用对象:对象是无序键值对的集合
- 使用对象数组:数组内可以包含多个对象