Vuexメソッドパッケージ呼び出し

Vuex

https://vuex.vuejs.org/zh/guide/mutations.html

index.js

import Vue from 'vue' 
import Vuex from 'vuex' 
import * as actions from './actions' 
import * as getters from './getters' 
import state from './state' 
importミューテーションfrom './mutations' // プラグイン。状態が変更されると、 
ミューテーションは変更ログを記録して表示します。ImportLoggerを 'vuex / dist / logger'からインポートします
Vue.use（Vuex）// vuex のデバッグツール。より高価で、開発で 
const debug = process のみを使用します。 env.NODE_ENV！== 'production' 
export default new Vuex.Store（{ 
  アクション、
  ゲッター、
  状態、
  ミューテーション、
  厳格：デバッグ、
  プラグイン：デバッグ？





 [createLogger（）]：[] 
}）

state.jsはvuexの状態変数を定義します

const state = { 
  singer：{}、
  
} 
デフォルトの状態を
エクスポート

getters.jsフィルターラップ状態変数

 

// 属性 
export const singer = state => state.singerをフィルタリングして計算します

 

actions.jsは変更ミューテーションのメソッドを非同期で呼び出します

 

export const ran = function （{commit}、{list}）{ 
  commit（types.SET_SINGER、true ）
}

 

Mutations-type.jsはメソッド定数をミューテーションにカプセル化します

 

// ミュー 
テーションエクスポートで使用されるメソッドの定数値 const SET_SINGER = 'SET_SINGER'

 

Mutations.js は状態の変数を同期的に変更します

 

// 同期方法。状態 
インポート*の値を「./mutation-types」からの型として変更

const変異 = { 
  [types.SET_SINGER]（state、singer）{ 
    state.singer = singer 
  } 
} 
デフォルトの変異を
エクスポート