由于uni-app已經內置了vuex，所以只要正確引入就好了。
1、在項目的根目錄下，**創建一個名為store的文件夾**然后在該文件夾下創建一個**index.js**的js文件
2、在該js文件下定義公共的數據以及方法函數，并且把它導出
Jsx
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
state: {},
mutations: {},
actions: {}
})
export default store
3、在入口文件即：**main.js**掛載vuex
Jsx
import Vue from 'vue'
import App from './App'
//引入vuex
import store from './store'
//把vuex定義成全局組件
Vue.prototype.$store = store
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
...App,
//掛載
store
})
app.$mount()
引入store中isLogin和orderType
Code
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
isLogin:false,
orderType: 'takein'
},
mutations: {
SET_ORDERTYPE(state,type) {
state.orderType = type
}
},
actions: {}
})
export default store
項目中
第一步 script中引入
import {mapState} from ‘vuex’
Xml
在計算屬性中引入
...mapState([ 'isLogin', 'orderType'])
takein() {
this.$store.commit('SET_ORDER_TYPE', 'takein')
uni.switchTab({
url: '/pages/menu/menu'
})
},
