在vue的template中如何使用scss变量

在 scss 中使用 :export 暴露变量

$color: #009A61;
//暴露css
:export {
  color: $color;
}

在 script 中引入变量

import variables from '@/assets/styles/variables.scss'

在 computed 中缓存暴露变量

computed: {
  variables() {
    return variables
  }
}