一、绑定class属性的方式
1、通过数组的方式,为元素绑定多个class
.red {
color:red;
/*color:#ff8800;*/
}
.bg {
background: #000;
/*background: green;*/
}
window.onload = function(){
var c = new Vue({
el : '#box',
data : {
red_color : 'red',
bg_color : 'bg'
}
});
}
this is a test string
上例为span 绑定2个class,通过设定red_color和bg_color的值,找到对应的class类名
2、通过控制class的true或者false,来使用对应的class类名, true: 使用该class, false: 不使用该class
.red {
color:red;
}
.bg {
background: #000;
}
window.onload = function(){
var c = new Vue({
el : '#box',
data : {