vuejs

Class and Style Bindings 87
7.1.2 Array Syntax
We can also apply a list of classes to an element using an array of classnames.
1
Applying conditionally a class, can also be achieved with the use of inline if inside the array.
1
Info
Inline if is commonly referred to as the ternary operator, conditional operator, or
ternary if.
The conditional (ternary) operator is the only JavaScript operator that takes three operands.
The syntax of ternary operator is condition ? expression1 : expression2. If condition
is true, the operator returns the value of expression1, otherwise, it returns the value of
expression2.
Using inline if, the flipping colors example will look like:
1
3
5 Flip color!
6
7
1 new Vue({
2 el: 'body',
3 data: {
4 color: true
5 },
6 methods: {
7 flipColor: function() {
8 this.color = !this.color;
9 }
10 }
11 });