vue通过data值改变css样式

一，绑定class

1.

.

centerActive为class样式名，满足后面的条件时则class为centerActive

2.

frame-item-active 和 frame-item为class名，满足条件为frame-item-active ，不满足则为 frame-item

3.

active-btn 和 all-btn为class名，满足条件时class为 active-btn 和 all-btn，不满足条件时为all-btn

二，绑定style

 

这一种是属于样式值涉及到最后一个子元素，不能用传统绑定style或者class的方式，则想到这个