一、style对象
<div :style="{color: 变量名}"></div>
二、css变量加计算属性
<div :style=comCss class='colorCss'></div>
computed: {
comCss(){
return `--colorName: ${this.color}`
}
}
<style>
.colorCss: {
color: var(--colorName)
}
</style>