vue 的 :style 动态绑定样式

vue  的 :style 动态绑定样式

开始我只是想给文字加一个行高：

<div class="style" :style="{ height:52px,line-height:52px }"></div>

结果，报错！！！

重写还是报错！

检查符号后，还是报错！

无奈之下，查询了一些资料，发现，在动态绑定style的时候，需要驼峰式写法才能生效，于是乎，暴躁的按键奋起乱舞，一阵乱舞过后，报错消失了！哈哈~~~

正确的书写方式：

<div class="style" :style="{ height:52px,lineHeight:52px }"></div>

最后提示一句，两个样式之间，要用逗号隔开，而不是分号！

完美