一 、绑定class的两种方式
(1),对象语法
例1:

这时的div 的 class = active
当 isActive: false 时 div 的 class 没有对应的值
例2:

 

(2) , 数组语法

渲染结果为:
<div class = “active error”></div>

二 、绑定内联样式
: style , 方法和 :class的用法相似,不过,css属性名称使用驼峰命名(camelCase) 或短横分隔命名(debab-case)
例如:

渲染后的结果:
<div style = “color : red; font-size: 14px”></div>

原文始发于:v-bind及class与style绑定

发表评论