学习vue.js中class与style绑定

关于vue.js中class与style绑定的练习代码，分享给大家，供大家参考：

html:

猴猴呀

 

lowrie

 

猴猴呀


lowrie




 

 js:

var app = new Vue({
el: '#app-1',
data: {
message: 'Hello Vue!',
isActive: true,
}
});
var app2 = new Vue({
el: '#app-2',
data: {
message: 'Hello Vue!',
isActive: true,
}
});
var app3=new Vue({
el:'#app-3',
data: {
classObject: {
active: true,

}
}
});
var app4=new Vue({
el:'#app-4',
data:{
activeClass: 'active',
errorClass: 'text-danger'
}
});

 css:

.active{
color: #FFA07A;
};

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。