nuxtjs里面使用vuex

Posted 周小姐

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了nuxtjs里面使用vuex相关的知识,希望对你有一定的参考价值。

普通方式
使用普通方式的状态树,需要添加 store/index.js 文件,并对外暴露一个 Vuex.Store 实例:

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

const store = () => new Vuex.Store({
    state: {
        count: 0
    },
    mutations: {
        add(state) {
            state.count++
        }
    }
})

export default store

在组件里面

 <div @click="$store.commit('add')">你好啊 点我变大大{{$store.state.count}}</div>

以上是关于nuxtjs里面使用vuex的主要内容,如果未能解决你的问题,请参考以下文章

NuxtJS / Vuex | nuxtServerInit 和 fetchData 操作未填充用户状态

nuxtjs中修改head及vuex的使用

Vuex 模块 CORS 错误中的 Nuxtjs Axios

在 Nuxt JS vuex 中使用 Vue Router 重定向

在 Javascript ES6 模块中访问 Vuex 操作

nuxtServerInit 与 vuex-module-decorators