1.npm install --save vuex
2.创建store文件夹status.js管理变量
const state = {
hasUserInfo: false,
userInfo:{}
}
const getters = {
getmatch: state => {
return state.readmatch
}
}
const actions = {}
const mutations = {
hasInfo(state, n) {
state.hasUserInfo = n;
},
setUserInfo(state, n) {
state.userInfo = n;
}
}
export default({
state,
getters,
actions,
mutations
})
3.在main.js中引入,注册使用
import vuex from 'vuex'
import stores from './store/status'
Vue.use(vuex)
let store = new vuex.Store(stores);
new Vue({
el: '#app',
router,
store,
components: { App },
template: '<App/>'
})
4、在其他页面使用的时候,写法
computed: {
…mapState({
hasUserInfo: state => state.hasUserInfo
})
},