scss 自定义样式

<div :sryle="{ '--colorStyle':colorStyle}"></div>

data() {
  return {
    colorStyle: '#ffffff'
  }
},

created() {
  const style = 'aaaa'
  if (style === 'dark') {
    this.colorStyle = '#ffffff'
  } else {
    this.colorStyle = '#323233'
  }
}

<style scoped lang="scss">
.aaaa{
  color: var(--colorStyle);
}
</style>