vue内联样式_教程及案例

Vue Class 与 Style 绑定-绑定内联样式-自动添加前缀

当 v-bind:style 使用需要添加浏览器引擎前缀的 CSS property 时,如 transform,Vue.js 会自动侦测并添加相应的前缀。

Vue Class 与 Style 绑定-绑定内联样式-数组语法

v-bind:style 的数组语法可以将多个样式对象应用到同一个元素上

Vue Class 与 Style 绑定-绑定内联样式-对象语法

v-bind:style 的对象语法十分直观——看着非常像 CSS,但其实是一个 JavaScript 对象。CSS property 名可以用驼峰式 (camelCase) 或短横线分隔 (kebab-case,记得用引号括起来) 来命名