绑定 HTML Class
示例
对象语法
我们可以传给 :class
(v-bind:class
的简写) 一个对象,实现动态地切换 class
。
也可以在对象中传入更多字段来动态切换多个 class
。此外,v-bind:class
指令也可以与普通的 class
共存
绑定内联样式
:style 的对象语法十分直观——看着非常像 CSS,但其实是一个 JavaScript
对象。CSS property 名可以用驼峰式 (camelCase
) 或短横线分隔 (kebab-case
,记得用引号括起来) 来命名: