打赏

uniapp中使用vuex

1.uniapp自带vuex,不需要在安装,创建store/index.js

//引入vue和vuex
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({//全局变量定义
    state: {
		user:{}
    },
    mutations: {
        setUser(state,user) {
           state.user = user;
        }
    }
})
export default store

  2. main.js

import store from './store/index.js'  
Vue.prototype.$store = store
 
const app = new Vue({
    ...App,
	store
})

  3.使用

 this.$store.commit('setUser',user) //设置值


// 在模板文件中使用$store.state.user.name在微信小程序中有bug,所有使用下面的方式
import store from '@/store/index.js'  

computed:{
    user() {
        return store.state.user
    }
},        

  

 

posted on 2022-11-02 10:50  jlyuan  阅读(403)  评论(0编辑  收藏  举报

导航