vuexの初期化メソッドを実装する

ストアフォルダーの作成

1. 関数: 非同期操作を配置します

ファイル: events.js

コンテンツ:

2. 関数: ステート内のデータを取得します

ファイル: getters.js

コンテンツ:

export const singer = state => state.singer

3. 関数:メソッド名を配置

ファイル:mutation-types.js

内容:

export const SET_SINGER = 'SET_SINGER'

4.関数: 状態データを操作します

ファイル: mutations.js

コンテンツ:

import * './mutation-types' からの型として

const mutation = {

[types.SET_SINGER](state,singer){

state.singer = singer

}

デフォルト状態をエクスポート

6. 関数: エントリ

ファイル:index.js

コンテンツ:

「vue」から Vue をインポート

「vuex」から Vuex をインポート

* からアクションとしてインポート'./actions'

import * as getter from './getters'

'./mutations'から変異をインポート

'./state'から状態をインポート

import createLogger from 'vuex/dist/logger'

Vue.use(Vuex)

// 環境の開発時に、各状態の変更を追跡します

const debug = process.env.NODE_ENV !== 'production'

export default new Vuex.Store({

アクション ,

getter、

mutations、

state、

strict: デバッグ、

plugin: デバッグ ? [createLogger()] : []

})

以上がvuexの初期化メソッドを実装するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。