vuejs绑定class和style样式
绑定HtmlClass
我们可以传给v-bind:class一个对象，以动态地切换class。注意v-bind:class指令可以与普通的class特性共存：
渲染结果：
你也可以直接绑定数据里的一个对象,结果与上面的一致：
绑定内联样式
v-bind:style的对象语法十分直观——看着非常像CSS，其实它是一个JavaScript对象。CSS属性名可以用驼峰式（camelCase）或短横分隔命名（kebab-case）：
绑定HtmlClass
我们可以传给v-bind:class一个对象，以动态地切换class。注意v-bind:class指令可以与普通的class特性共存：
渲染结果：
你也可以直接绑定数据里的一个对象,结果与上面的一致：
绑定内联样式
v-bind:style的对象语法十分直观——看着非常像CSS，其实它是一个JavaScript对象。CSS属性名可以用驼峰式（camelCase）或短横分隔命名（kebab-case）：
直接绑定到对象上(让模板更清晰)
备注：当v-bind:style使用需要厂商前缀的CSS属性时如transform，Vue.js会自动侦测并添加相应的前缀。
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持毛票票！