VUE2.0 学习（六）Vue 里面绑定样式，追加样式，对象形式绑定class

目录

• 动态绑定class样式
• 绑定多个，以数组形式绑定，追加样式
• 对象形式绑定class
• 总结

动态绑定class样式

我们有一个需求，点击了一个按钮，当前的背景进行变化，这个就是动态的绑定样式了。

在这里插入图片描述

以上就是动态写法，前面的class是固定的，就是基础的样式，我们在后面动态的绑定样式

在这里插入图片描述

点击事件的方法是

在这里插入图片描述

以上就动态的绑定样式了

绑定多个，以数组形式绑定，追加样式

在这里插入图片描述

在这里插入图片描述

以后我们想要改变样式，或者追加样式，直接动态的改变这个数组就可以了

对象形式绑定class

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

对象里面，以true 和 false的形式确定是否需要不同的样式

总结

在这里插入图片描述