vue 方法里面修改样式_在vue中使用样式的方法

一、vue属性绑定

在vue中，是通过v-bind 属性绑定来实现给元素绑定style样式。

其中有两种方式，一种是通过绑定class类绑定样式，另一种是通过内联样式来实现样式的绑定。

二、绑定class样式

1. 数组

这是一个邪恶的H1

2. 数组中使用三元表达式

这是一个邪恶的H1

3. 数组中嵌套对象

这是一个邪恶的H1

4. 直接使用对象

这是一个邪恶的H1

color: red;

}

.thin {

font-weight: 200;

}

.italic {/*字体倾斜*/font-style: italic;

}

.active {/*字符间距*/letter-spacing: 0.5em;

}

今天永远比昨天更好

今天永远比昨天更好

今天永远比昨天更好

今天永远比昨天更好

var vm = newVue({

el:'#app',

data:{

flag:true,

classObj:{

red:true, thin: true, italic: false, active: false}

}

})