这期内容当中小编将会给大家带来有关怎么在vue中利用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 store2. 保存fid这个值
this.$store.dispatch('upfid',this.fid)//保存fid3, 在其他页面获取fid 这个值
<p>页面上获得{{city}}</p>
data () {
return {
fid:this.city//js中得到fid
}
},
computed:{//必须
city(){
return this.$store.state.fid
}
},上述就是小编为大家分享的怎么在vue中利用vuex 存储值并在不同界面中使用了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注亿速云行业资讯频道。
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
