Vue2和Vue3中使用Vuex

Vue2中使用Vuex

安装

这里需要注意一下，Vue2使用Vuex对应的版本是Vuex3

npm install vuex@3

创建Vuex

新建store文件夹，创建index.js，配置内容如下

import Vue from "vue"
import Vuex from "vuex"
Vue.use(Vuex) // 使用Vuex
​
export default new Vuex.store({
    state:{
        number:1;
    },
    mutations:{
        
    },
    actions:{
        
    }
    modules:{
    
    }
})

注册

import Vue from "Vue";
import App from "./App";
import store from "./store/index/js";
​
Vue.config.productionTip = fasle;
​
new Vue({
    el:"#app",
    store,
    render:h=>(App)
})

Vue3中使用Vuex

这里需要注意一下，Vue3使用Vuex对应的版本是Vuex4

安装

npm install vuex@4

创建Vuex

import {createStore} from "vuex";
export default createStore({
    state:{
        number:0;
    },
    mutations:{
        
    },
    actions:{
        
    },
    modules:{
        
    }
})

注册

import {createApp} from "vue";
import App from "./App.vue";
import store from "./store";
​
createApp(App)
    .use(store)
    .mount("#app")

Vuex3文档

Vuex4文档