微信小程序uni-app,使用vue3配置vuex

超级无敌暴龙战士大全

于 2023-02-21 21:39:03 发布

阅读量489

点赞数

文章标签：微信小程序 uni-app vue.js

本文链接：https://blog.youkuaiyun.com/weixin_62902737/article/details/129150804

版权

文章展示了在Vue2和Vue3环境中如何设置Vuexstore。在Vue2中使用`Vue.use(Vuex)`，而在Vue3中使用`createStore`。store包含了状态管理的`state`，`mutations`用于改变状态，但未详细展开`getters`和`actions`的内容。此外，`mutations`里有一个方法将数据存储到本地存储(`uni.setStorageSync`)。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接复制

//store.js
// #ifndef VUE3  
import Vue from 'vue'  
import Vuex from 'vuex'  
Vue.use(Vuex)  
const store = new Vuex.Store({  
// #endif  
// #ifdef VUE3  
import { createStore } from 'vuex'  
const store = createStore({  
// #endif  
    state: {  
        test:"测试数据"  
    },  
    mutations: {  
        test(state, provider) {  
            uni.setStorageSync('TEST_CONFIG', '测试数据');  
        }  
    },  
    getters: {  

    },  
    actions: {  

    }  
})  

export default store

//main.js
//...................省略
export function createApp() {
  const app = createSSRApp(App)
  app.use(store)
  return {
    app
	}
}