変数の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
        }
    }
}

単純に取得~~

しかし、変更のテーマはまだ~~再度試して、頭痛を持っています