vue問題輯錄-頁面初始化ajax

vue 有8個聲明周期,如果在vue實例創(chuàng)建之前需要獲取頁面初始數(shù)據(jù)。
此時要進行ajax請求念脯,應(yīng)該是同步還是異步好?

beforeCreate:function(){
    // getInitData ajax請求獲取數(shù)據(jù)
}

我想著應(yīng)該異步阅懦,那么如果異步請求和二,頁面會在還沒有返回數(shù)據(jù)的時候進行渲染。
此時可以使用loading動畫遮蓋耳胎。

但是返回的數(shù)據(jù)該如何寫入到已有的數(shù)據(jù)中惯吕?
比如:

替換了整個對象,會不會對數(shù)據(jù)渲染造成影響怕午?

vm 還沒有實例化废登,能不能在vm實例化之前訪問vm


function getInitData(){
    // ... 這里獲取上數(shù)據(jù)
    var data = getedData;
    vm.$data.initData = data;
    // 1. 這樣替換了整個對象,會不會對數(shù)據(jù)渲染造成影響郁惜?
    // 2. vm 還沒有實例化堡距,能不能在此處訪問甲锡?
}
var vm = new Vue({
    el:'#app',
    data:{
        initData:{
            name:'name',
            age:'age',
            bulabual:'bulaubla',
        }
    },
    beforeCreate:function(){
        getInitData()
    }
})

在瀏覽器console中替換對象測試,好像沒有影響

經(jīng)瀏覽器測試,在vm未實例化之前訪問無法訪問其vm.$data

那么上面的代碼無法正確執(zhí)行,鑒于此只好將初始化的ajax請求放入到beforeCreate中羽戒。

如果使用異步請求缤沦,還是需要loading動畫遮蓋無數(shù)據(jù)的界面。
那么如果使用同步請求易稠,未請求完成時頁面無法進行渲染缸废,依然需要laoding動畫遮蓋。

綜上

需要頁面初始化獲取數(shù)據(jù)的必須需要loading動畫驶社。

異步初始化情況下可以同時渲染vue實例企量,在獲取數(shù)據(jù)后再修改數(shù)據(jù)。

而同步初始化情況下亡电,是在數(shù)據(jù)獲取之后再渲染vue實例届巩。

兩者各有取舍。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末份乒,一起剝皮案震驚了整個濱河市恕汇,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌冒嫡,老刑警劉巖拇勃,帶你破解...
    沈念sama閱讀 216,997評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異孝凌,居然都是意外死亡方咆,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評論 3 392
  • 文/潘曉璐 我一進店門蟀架,熙熙樓的掌柜王于貴愁眉苦臉地迎上來瓣赂,“玉大人,你說我怎么就攤上這事片拍』图” “怎么了?”我有些...
    開封第一講書人閱讀 163,359評論 0 353
  • 文/不壞的土叔 我叫張陵捌省,是天一觀的道長苫纤。 經(jīng)常有香客問我,道長纲缓,這世上最難降的妖魔是什么卷拘? 我笑而不...
    開封第一講書人閱讀 58,309評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮祝高,結(jié)果婚禮上栗弟,老公的妹妹穿的比我還像新娘。我一直安慰自己工闺,他們只是感情好乍赫,可當我...
    茶點故事閱讀 67,346評論 6 390
  • 文/花漫 我一把揭開白布瓣蛀。 她就那樣靜靜地躺著,像睡著了一般雷厂。 火紅的嫁衣襯著肌膚如雪惋增。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,258評論 1 300
  • 那天罗侯,我揣著相機與錄音器腋,去河邊找鬼溪猿。 笑死钩杰,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的诊县。 我是一名探鬼主播讲弄,決...
    沈念sama閱讀 40,122評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼依痊!你這毒婦竟也來了避除?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,970評論 0 275
  • 序言:老撾萬榮一對情侶失蹤胸嘁,失蹤者是張志新(化名)和其女友劉穎瓶摆,沒想到半個月后猬仁,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體易桃,經(jīng)...
    沈念sama閱讀 45,403評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,596評論 3 334
  • 正文 我和宋清朗相戀三年汰瘫,在試婚紗的時候發(fā)現(xiàn)自己被綠了毫胜。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片书斜。...
    茶點故事閱讀 39,769評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖酵使,靈堂內(nèi)的尸體忽然破棺而出荐吉,到底是詐尸還是另有隱情,我是刑警寧澤口渔,帶...
    沈念sama閱讀 35,464評論 5 344
  • 正文 年R本政府宣布样屠,位于F島的核電站,受9級特大地震影響缺脉,放射性物質(zhì)發(fā)生泄漏痪欲。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,075評論 3 327
  • 文/蒙蒙 一枪向、第九天 我趴在偏房一處隱蔽的房頂上張望勤揩。 院中可真熱鬧,春花似錦秘蛔、人聲如沸陨亡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽负蠕。三九已至蛙埂,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間遮糖,已是汗流浹背绣的。 一陣腳步聲響...
    開封第一講書人閱讀 32,848評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留欲账,地道東北人屡江。 一個月前我還...
    沈念sama閱讀 47,831評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像赛不,于是被迫代替她去往敵國和親惩嘉。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,678評論 2 354

推薦閱讀更多精彩內(nèi)容