vue中調用scss的變量

畢業季，畢業設計題目不知道選啥好怎么辦啊啊啊~~~

好了，不慌不慌。

剛剛搗鼓着我的網站，想着全局來切換 css 樣式來進行主題顏色的改變。然后，我就想在 js 里面獲取我設置的 scss 的全局變量。好了，記一下怎么拿到的。

一、在 scss 文件中用 :export 寫入你要獲取的變量名：

// vars.scss

$color-primary: #3c8dbc;
$bg: #ffffff;

:export {
  colorPrimary: $color-primary;
  bgColor: $bg;
}

二、之后再你要導入的文件中引入這個文件：

import styles from '../assets/css/vars.scss'

export default {
    data () {
        return {
            bgColor: styles.bgColor
        }
    }
}

簡簡單單搞定~~

可是主題改變還是有點頭痛，再試試~~