欢迎光临散文网 会员登陆 & 注册

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

2023-08-16 11:19 作者:子瞻8感未觉醒  | 我要投稿

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 版本的区别。

希望能帮到新手同学们。

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

分享到微博请遵守国家法律