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