黑馬程序員前端微信小程序開發(fā)教程,微信小程序從基礎(chǔ)到發(fā)布全流程_企業(yè)級商城實戰(zhàn)(

vue3 使用 vuex 時報錯,提示 state undefined?
適合對 vue 不了解的新手的解決方法:
1.創(chuàng)建 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 文件代碼結(jié)束
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 模塊代碼結(jié)束
// 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 模塊代碼結(jié)束
// main.js 文件代碼結(jié)束
3.其他部分的代碼無差別,按教程即可,主要就是 vue2 和 vue3 版本的區(qū)別。
希望能幫到新手同學們。