黑马程序员前端微信小程序开发教程,微信小程序从基础到发布全流程_企业级商城实战(

vue3 使用 vuex 时报错,提示 state undefined?
适合对 vue 不了解的新手的解决方法:
1.创建 store.js 时不做将 store 组件挂载到app;
实例代码如下:(新手可以直接复制)
// store.js 文件代码开始
import { createStore } from 'vuex'
import moduleCart from './modules/cart.js'
const store = createStore({
modules: {
m_cart/cart
m_cart: moduleCart
},
})
export default store
// store.js 文件代码结束
2.打开 main.js 文件,将 store 挂载到 vue3 模块中;(uniapp 默认使用了两种模块,如果用户使用的是 vue3 版本,使用 vue3 模块,否则使用 vue2 模块。)
// main.js 文件代码开始
// vue2 模块代码开始
// #ifndef VUE3
import Vue from 'vue'
import App from './App'
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
...App
})
app.$mount()
// #endif
// vue2 模块代码结束
// vue3 模块代码开始
// #ifdef VUE3
import { createSSRApp } from 'vue'
import App from './App.vue'
import store from './store/index.js'
export function createApp() {
const app = createSSRApp(App)
// 挂载 store
app.use(store)
return {
app
}
}
// #endif
// vue3 模块代码结束
// main.js 文件代码结束
3.其他部分的代码无差别,按教程即可,主要就是 vue2 和 vue3 版本的区别。
希望能帮到新手同学们。