解決vuex數(shù)據(jù)異步造成初始化的時(shí)候沒值報(bào)錯(cuò)問題
當(dāng)使用vue做登錄的時(shí)候，我們會(huì)把拿到的部分用戶信息存在vuex+cookie中，我們知道，vuex的數(shù)據(jù)是會(huì)隨著瀏覽器刷新而丟失的，此時(shí)我們會(huì)重新請(qǐng)求接口對(duì)vuex的數(shù)據(jù)進(jìn)行再次賦值，如下
當(dāng)有cookie但是vuex沒有數(shù)據(jù)的時(shí)候再次請(qǐng)求賦值
state
mutation
vuex的數(shù)據(jù)是異步的，當(dāng)我們頁(yè)面需要直接拿vuex的值進(jìn)行渲染的時(shí)候，初始化瞬間（即請(qǐng)求過程進(jìn)行的時(shí)候），vuex是沒有這個(gè)值的，如何解決這個(gè)問題，暫時(shí)總結(jié)了三種方法，希望有遇到的大佬進(jìn)行補(bǔ)充和查錯(cuò)：
1.通過watch和mouted監(jiān)聽并且初始化vuex數(shù)據(jù)
在mounted的時(shí)候初始化該數(shù)據(jù) 并且watch該數(shù)據(jù)(不推薦)
2.在computed賦值該數(shù)據(jù) 并且在dom渲染的時(shí)候做非空的判斷
或者：
3.使用拓展運(yùn)算符
以上這篇解決vuex數(shù)據(jù)異步造成初始化的時(shí)候沒值報(bào)錯(cuò)問題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue中如何去掉空格的方法實(shí)現(xiàn)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-11-11
這篇文章主要介紹了Vue實(shí)現(xiàn)自定義下拉菜單功能,文章先通過實(shí)例代碼給大家介紹，后面對(duì)用到的知識(shí)點(diǎn)總結(jié)，需要的朋友可以參考下2018-07-07
這篇文章介紹了VueX安裝及使用基礎(chǔ)教程，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-01-01
下面小編就為大家分享一篇解決Vue打包之后文件路徑出錯(cuò)的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
Vue.js計(jì)算屬性computed與watch（5）
這篇文章主要為大家詳細(xì)介紹了Vue.js計(jì)算屬性computed與watch,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
今天小編就為大家分享一篇Vue中保存數(shù)據(jù)到磁盤文件的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09
混入(mixin)提供了一種非常靈活的方式，來分發(fā)vue組件中的可復(fù)用功能。一個(gè)混入對(duì)象可以包含任意組件選項(xiàng)。當(dāng)組件使用混入對(duì)象時(shí)，所有混入對(duì)象的選項(xiàng)將被“混合”進(jìn)入該組件本身的選項(xiàng)2022-09-09
使用Element+vue實(shí)現(xiàn)開始與結(jié)束時(shí)間限制
這篇文章主要為大家詳細(xì)介紹了使用Element+vue實(shí)現(xiàn)開始與結(jié)束時(shí)間限制，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要為大家介紹了Vue-router的嵌套路由，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
這篇文章主要介紹了Vue.js仿微信聊天窗口展示組件功能,需要的朋友可以參考下2017-08-08