通过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
    }
  },