nuxt项目中使用store

首先初始化创建一个nuxt项目

nuxt项目创建以后，内部已自动集成store，所以无需再单独安装和引入

在根目录的store文件夹下新建文件，例如home.js

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

//home.js export const state = () => ({     age: 18 })    export const mutations = {     add(state, data) {         state.age += data     } }    export const actions = {     addAge(store, data) {         console.log(store);         setTimeout(() => {             store.commit('add', data)             console.log(store.state.age);         }, 2000)     } }    export const getters = {    }

　　在页面中访问

?

1 2 3 4 5 6 7

methods: {   add() {     // this.$store.state.home.name;     // this.$store.commit("home/add", 2);     this.$store.dispatch("home/addAge", 2);   }, },

　　asyncData中访问

?

1 2 3 4 5

async asyncData ({ app, $axios, params, store }) {   return { age:store.state.home.age } }