CSS变量是由CSS作者定义的实体，其中包含要在整个文档中重复使用的特定值。使用自定义的属性来设置变量名，并使用特定的var()来访问。

声明

借助双短划线。

• 声明一个局部变量

element {
    --color: red;
}

• 声明一个全局变量：

:root {
    --global-color: red;
}

使用

借助var()函数。

• 使用局部 / 全局变量：

p {
    color: var(--color / --global-color);
}

vue 获取变量 ：https://www.jianshu.com/p/8de31e50a0e3