vueは、vuexによるメモリ値の異なるインターフェースでの使用を実現します。

vuexで保存
1.store.jsファイルの作成

import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);


const state = { //         state  
  count: 1,
  //         
  fid: '' //           fid
};

const mutations = {
  add(state, sum) { //  ，        state           sum
    state.count += sum;
  },
  upfid(state, fid) {
    state.fid = fid
  }

};
const actions = {
  add(context, num) { //    ，num       
    context.commit('add', num)
  },
  upfid(context, fid) {
   context.fid = fid
  }
};
const store = new Vuex.Store({
  state,
  actions,
  mutations
});

export default store

2.fidという値を保存する

this.$store.dispatch('upfid',this.fid)//  fid

3、他のページでfidの値を取得します。

<p>     {{city}}</p> 


 data () {
  return {
   fid:this.city//js   fid
  }
 },
 computed:{//  
  city(){
   return this.$store.state.fid
  }
 },

以上のvueはvuexのメモリ値を通じて異なるインタフェースで使うことを実現しました。つまり、小編集は皆さんに提供した内容の全部を共有します。