vue 实现通过vuex 存储值 在不同界面使用
通过vuex存储
1.创建store.js文件
importVuefrom'vue';
importVuexfrom'vuex';
Vue.use(Vuex);
conststate={//要设置的全局访问的state对象
count:1,
//要设置的初始属性值
fid:''//要在登录页面的记录的fid
};
constmutations={
add(state,sum){//同上，这里面的参数除了state之外还传了需要增加的值sum
state.count+=sum;
},
upfid(state,fid){
state.fid=fid
}
};
constactions={
add(context,num){//同上注释，num为要变化的形参
context.commit('add',num)
},
upfid(context,fid){
context.fid=fid
}
};
conststore=newVuex.Store({
state,
actions,
mutations
});
exportdefaultstore
2.保存fid这个值
this.$store.dispatch('upfid',this.fid)//保存fid
3,在其他页面获取fid这个值
页面上获得{{city}}
data(){ return{ fid:this.city//js中得到fid } }, computed:{//必须 city(){ returnthis.$store.state.fid } },
以上这篇vue实现通过vuex存储值在不同界面使用就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。