溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這期內容當中小編將會給大家帶來有關怎么在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 存儲值并在不同界面中使用了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
