样式操作整理。基本涵盖了全部
var myvue = new Vue({
el:'#mydiv',
data:{
gettext: '',
getclass1:true,
getclass2:false,
getp_style:true,
// 这里的key是类名,value是boolean值。下面的vue+class的value才是类名,key是自定义的类的实例化对象。注意区分
styleobj:{
class1: true,
class2: true,
'p-style': false // 这里也需要将带有连字符的样式用引号括起来
},
getdiv_style:{ // 定义样式调用条件
number1: true,
number2: false
},
// 下面几个其实可以理解为 伪类实例化
vueclass1: 'class1',
vueclass2: 'class2',
vuedivstyle: 'div-style',
vuepstyle: 'p-style',
// 动态改变字体大小
size: 15,
fontstyle:{ // 绑定样式对象
fontSize: 25+'px',
fontWeight: 'bold'
},
colors: ['red','blue','cyan'