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数组语法用的地方很少,了解就可以了
属性值要用引号括起来