vueの三目演算子
new Vue({
el: '#app',
data: {
isActive: false,
activeClass: 'active',
Class: 'text-danger'
}
})
まずclass[value 1,value 2...]を理解すると、divのclass属性の値はvalue 1,value 2の順に取られるので、それらが存在する場合、後ろは前と同じスタイルで上書きされ、異なるスタイルが保持されます.次の3つの演算子のルール:D=A?B:Cは、Aが真である場合、DはB、逆はCという意味です.したがって、上記のisActiveがfalseの場合、classの値は[Class]であり、逆にclassの値は[Class,activeClass]である