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
    }
},