关于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; };
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。