欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue獲取初始化數(shù)據(jù)是放在created還是mounted解讀

 更新時(shí)間:2023年03月24日 08:44:57   作者:不知道取啥名2021  
這篇文章主要介紹了Vue獲取初始化數(shù)據(jù)是放在created還是mounted的問(wèn)題解讀,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

獲取初始化數(shù)據(jù)是放在created還是mounted

官方文檔

也就是說(shuō)Vue實(shí)例中的data和methods已經(jīng)可以使用了。但是還沒(méi)有掛載到頁(yè)面上??梢栽赾reated里面去后端獲取數(shù)據(jù)。

當(dāng)進(jìn)入mounted這個(gè)生命周期函數(shù)。此時(shí)頁(yè)面已經(jīng)渲染出來(lái),可以進(jìn)行dom操作。

總而言之。created生命周期函數(shù),可以去后端異步獲取數(shù)據(jù),并保存到data里面。

mounted的話,如果需要在頁(yè)面上操作dom,就要在這個(gè)函數(shù)執(zhí)行。

但是注意 mounted 不會(huì)承諾所有的子組件也都一起被掛載。如果你希望等到整個(gè)視圖都渲染完畢,那就需要使用到vm.$nextTick

關(guān)于created與mounted區(qū)別

created mounted

1)created:在模板渲染成html前調(diào)用,即通常初始化某些屬性值,然后再渲染成視圖。

2)mounted:在模板渲染成html后調(diào)用,通常是初始化頁(yè)面完成后,再對(duì)html的dom節(jié)點(diǎn)進(jìn)行一些需要的操作。

總結(jié)

以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • 淺談webpack SplitChunksPlugin實(shí)用指南

    淺談webpack SplitChunksPlugin實(shí)用指南

    這篇文章主要介紹了淺談webpack SplitChunksPlugin實(shí)用指南,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-09-09
  • Vue3.x源碼調(diào)試的實(shí)現(xiàn)方法

    Vue3.x源碼調(diào)試的實(shí)現(xiàn)方法

    這篇文章主要介紹了Vue3.x源碼調(diào)試的實(shí)現(xiàn)方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-10-10
  • Vue對(duì)象的單層劫持圖文詳細(xì)講解

    Vue對(duì)象的單層劫持圖文詳細(xì)講解

    這篇文章主要介紹了vue2.x對(duì)象單層劫持的原理實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2023-01-01
  • 你了解vue3.0響應(yīng)式數(shù)據(jù)怎么實(shí)現(xiàn)嗎

    你了解vue3.0響應(yīng)式數(shù)據(jù)怎么實(shí)現(xiàn)嗎

    這篇文章主要介紹了你了解vue3.0響應(yīng)式數(shù)據(jù)怎么實(shí)現(xiàn)嗎,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2019-06-06
  • Vue中v-for的數(shù)據(jù)分組實(shí)例

    Vue中v-for的數(shù)據(jù)分組實(shí)例

    下面小編就為大家分享一篇Vue中v-for的數(shù)據(jù)分組實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-03-03
  • elementUI table表格動(dòng)態(tài)合并的示例代碼

    elementUI table表格動(dòng)態(tài)合并的示例代碼

    這篇文章主要介紹了elementUI table表格動(dòng)態(tài)合并的示例代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • 淺談VUE項(xiàng)目打包后運(yùn)行頁(yè)面一片白問(wèn)題

    淺談VUE項(xiàng)目打包后運(yùn)行頁(yè)面一片白問(wèn)題

    本文主要介紹了淺談VUE項(xiàng)目打包后運(yùn)行頁(yè)面一片白問(wèn)題,文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2023-01-01
  • Vue3基礎(chǔ)安裝以及配置詳解

    Vue3基礎(chǔ)安裝以及配置詳解

    這篇文章主要介紹了Vue3基礎(chǔ)安裝以及配置詳解,需要的朋友可以參考下
    2023-01-01
  • Vue之Computed依賴收集與更新原理分析

    Vue之Computed依賴收集與更新原理分析

    這篇文章主要介紹了Vue之Computed依賴收集與更新原理分析,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-11-11
  • 在vue中動(dòng)態(tài)添加class類進(jìn)行顯示隱藏實(shí)例

    在vue中動(dòng)態(tài)添加class類進(jìn)行顯示隱藏實(shí)例

    今天小編就為大家分享一篇在vue中動(dòng)態(tài)添加class類進(jìn)行顯示隱藏實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2019-11-11

最新評(píng)論