vue class

vue class例子和总结

• 普通字符串

<div class="active"></div>

• 数组

<div :class="['active', 'normal']"></div>

或者

<div :class="[activeClass, normalClass]"></div>

data {
	activeClass: 'active',
	normalClass: 'normal' 
}

• 对象

<div :class="{ active: isActive }"></div>

或者

<div :class="activeObj"></div>

data {
		activeObj: {
			active: true
		}
}

总结：
class最终都会归于上面三种形式。包括三元表达式。

• 普通字符串
• 数组
• 对象