解決vuex數(shù)據(jù)異步造成初始化的時候沒值報錯問題
更新時間：2019年11月13日 08:49:07 作者：陳小穗子呀
今天小編大家分享一篇解決vuex數(shù)據(jù)異步造成初始化的時候沒值報錯問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
當(dāng)使用vue做登錄的時候，我們會把拿到的部分用戶信息存在vuex+cookie中，我們知道，vuex的數(shù)據(jù)是會隨著瀏覽器刷新而丟失的，此時我們會重新請求接口對vuex的數(shù)據(jù)進(jìn)行再次賦值，如下
當(dāng)有cookie但是vuex沒有數(shù)據(jù)的時候再次請求賦值
state
mutation
vuex的數(shù)據(jù)是異步的，當(dāng)我們頁面需要直接拿vuex的值進(jìn)行渲染的時候，初始化瞬間（即請求過程進(jìn)行的時候），vuex是沒有這個值的，如何解決這個問題，暫時總結(jié)了三種方法，希望有遇到的大佬進(jìn)行補(bǔ)充和查錯：
1.通過watch和mouted監(jiān)聽并且初始化vuex數(shù)據(jù)
在mounted的時候初始化該數(shù)據(jù) 并且watch該數(shù)據(jù)(不推薦)
2.在computed賦值該數(shù)據(jù) 并且在dom渲染的時候做非空的判斷
或者：
3.使用拓展運(yùn)算符
以上這篇解決vuex數(shù)據(jù)異步造成初始化的時候沒值報錯問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
axios 是一個基于promise用于瀏覽器和 nodejs 的 HTTP 客戶端，這篇文章主要介紹了Vue中axios的基本用法及axios的特征和使用注意細(xì)節(jié)，本文通過示例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2022-07-07
本篇文章主要介紹了vue-validator（vue驗(yàn)證器）,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-01-01
Vue+echart?展示后端獲取的數(shù)據(jù)實(shí)現(xiàn)
本文主要介紹了Vue+echart?展示后端獲取的數(shù)據(jù)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01
使用vue2實(shí)現(xiàn)帶地區(qū)編號和名稱的省市縣三級聯(lián)動效果
我們知道省市區(qū)縣都有名稱和對應(yīng)的數(shù)字唯一編號，使用編號可以更方便查詢以及程序處理，我們今天來了解一下使用vue2來實(shí)現(xiàn)常見的省市區(qū)下拉聯(lián)動選擇效果,需要的朋友可以參考下2018-11-11
這篇文章主要介紹了Vue中的事件綁定與解綁方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了vue 解決IOS10低版本白屏的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
下面小編就為大家?guī)硪黄獪\談vue的踩坑路。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
淺析vue3響應(yīng)式數(shù)據(jù)與watch屬性
這篇文章主要介紹了vue3響應(yīng)式數(shù)據(jù)與watch屬性的相關(guān)知識，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-05-05
vue項(xiàng)目百度地圖如何自定義標(biāo)注marker
這篇文章主要介紹了vue項(xiàng)目百度地圖如何自定義標(biāo)注marker問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了vue中form表單禁用專用組件,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01