关于在vue3中使用vuex与在vue2中使用vuex的区别
阅读原文时间:2023年07月11日阅读:1

首先vue2中vuex版本是4.x以下,vue3中使用vuex需要保证vuex版本在4.x及以上。

以下说一说怎么在vue3中使用vuex,与vue2大同小异

首先在views新建一个store文件夹,写index.js(这里只写demo,所以不分模块了。只做展示使用)

import { createStore } from 'vuex'

// 创建一个新的 store 实例
const store = createStore({
state () {
return {
count: 0
}
},
mutations: {
increment (state) {
state.count++
}
}
})
export { store }

在main.js中注册

import { createApp } from 'vue'
import App from './App.vue'

const app = createApp(App)
app.use(store)
app.mount('#app')

在组件类使用

完成!!!