Nuxt.jsでstore使う

作成

コマンドでstoreファイルのテンプレートを作成する

$ touch store/index.js

ファイルの内容を書き換える

store/index.js

export const state = () => ({
  counter: 0
})

export const mutations = {
  setIncrement (state) {
    state.counter++
  }
}

export const actions = {
  setIncrement (context) {
    context.commit('setIncrement')
  }
}

export const getters = {
  getCounter(state) {
    return state.counter
  }
}

使用

// stateの取得
this.$store.state.count

// mutationsの実行
this.$store.commit('setIncrement')

// actionsの実行
this.$store.dispatch('setIncrement')

// gettersの実行
this.$store.getters.getCounter

Nuxt.jsのそのほか

• Nuxt.jsを使う