【学习笔记】11-v-bind动态绑定Style（数组语法）

v-bind动态绑定style的数组语法

在实战中用到的地方非常少，了解下就可以了

示例

<div id="app">
	<h1 :style="[style1,style2]">{{message}}</h1>
</div>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	const apt = new Vue({
		el:'#app',
		data:{
			message:'你好',
			style1:{fontSize:'100px'},
			style2:{background:'red'},
		},
	})
</script>

显示结果

注意：
v-bind绑定style数组语法用的地方很少，了解就可以了
属性值要用引号括起来