vue使用三元表达式设置style，class

前言

前端开发中，面对复杂的布局，有时会需要用到三元表达式，来设置布局样式。

实现

一、设置style，使用 :style="{ '样式名' : '样式值' }" 来设置，必须是字符串形式。

二、设置class，

1、数组形式

注意：数组中的item必须加引号。若不加引号，代表的时data中的一项对象，并不是类名；将item加上引号就可以变成类名。

2、字符串拼接，两个字符串之间必须要有空格。

注意：active前面要加一个空格（空格个必须有）。

3、绑定对象【推荐】，通常给class绑定对象，这样就可以动态切换样式。

• 数组形式：[样式1，样式2]
• 对象形式：{判断条件}。

4、数据标记