vue在不同页面的不同组件(未有共同父级)利用vuex(状态管理模式)传递数据

1.下载npm install vuex -D，创建store.js文件import Vue from 'vue; import Vuex from 'vuex'; Vue.use(Vuex)
2.

const state = {
  position: '黑龙江'
}

const mutation = {
  setPosition (state, val) {
    state.position = val
  }
}

const actions = {
  setPosition ({ commit }, val) {
    //    请求数据
    commit('setPosition', val)
  }
}

export default new Vuex.Store({
  state,
  mutation,
  actions
})

3.在入口文件main.js引入store
4.在组件写入{{$store.state.position}}