uni-app已经内置了vuex,所以只要正确引入就好了。
1、根目录创建store文件存放vuex
2、创建index.js
导入vue和vuex
import Vue from ‘vue‘ import Vuex from ‘vuex‘
Vue.use(Vuex)
const store = new Vuex.Store({ state: { city:‘城市名‘, login:false }, mutations: { ShowGood(){ console.log(‘that is good!!!‘) } }, actions: {} })
export default store
3、main.js入口文件
// 引入store import store from ‘./store‘ // 把vuex定义成全局组件 Vue.prototype.$store = store
使用
computed: { ...mapState([‘login‘, ‘city‘]) },
methods: { change(e) { this.current = e.detail.current; }, ...mapMutations([‘ShowGood‘]) }