vue 动态修改样式

Vue 动态修改样式主要分为两种：一种是：style直接在上面加，具体列子如下图所示：

 

 

：style利用三元运算，用index来判断点击时候字体颜色的变化，===表示全等于，？表示判断后面的参数，大概的意思就是，当index全等于menuIndex1时，第一个条件是点击的时候，第二个条件是没有点击的时候

 

 

：class花括号里面的单引号是一个条件，这个样式可以单独提出来写在外面，这里是名字，后面就是判断的条件。

提示：如果外面是双引号里面就用单引号，反之亦然。