Vue獲取初始化數(shù)據(jù)是放在created還是mounted解讀
更新時間：2023年03月24日 08:44:57 作者：不知道取啥名2021
這篇文章主要介紹了Vue獲取初始化數(shù)據(jù)是放在created還是mounted的問題解讀，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
獲取初始化數(shù)據(jù)是放在created還是mounted
官方文檔
也就是說Vue實例中的data和methods已經(jīng)可以使用了。但是還沒有掛載到頁面上?？梢栽赾reated里面去后端獲取數(shù)據(jù)。
當進入mounted這個生命周期函數(shù)。此時頁面已經(jīng)渲染出來，可以進行dom操作。
總而言之。created生命周期函數(shù)，可以去后端異步獲取數(shù)據(jù)，并保存到data里面。
mounted的話，如果需要在頁面上操作dom，就要在這個函數(shù)執(zhí)行。
但是注意 mounted 不會承諾所有的子組件也都一起被掛載。如果你希望等到整個視圖都渲染完畢，那就需要使用到vm.$nextTick
關于created與mounted區(qū)別
created mounted
1）created：在模板渲染成html前調(diào)用，即通常初始化某些屬性值，然后再渲染成視圖。
2）mounted：在模板渲染成html后調(diào)用，通常是初始化頁面完成后，再對html的dom節(jié)點進行一些需要的操作。
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
淺談webpack SplitChunksPlugin實用指南
這篇文章主要介紹了淺談webpack SplitChunksPlugin實用指南，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了Vue3.x源碼調(diào)試的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
這篇文章主要介紹了vue2.x對象單層劫持的原理實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-01-01
你了解vue3.0響應式數(shù)據(jù)怎么實現(xiàn)嗎
這篇文章主要介紹了你了解vue3.0響應式數(shù)據(jù)怎么實現(xiàn)嗎，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-06-06
下面小編就為大家分享一篇Vue中v-for的數(shù)據(jù)分組實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
elementUI table表格動態(tài)合并的示例代碼
這篇文章主要介紹了elementUI table表格動態(tài)合并的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
本文主要介紹了淺談VUE項目打包后運行頁面一片白問題，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2023-01-01
這篇文章主要介紹了Vue3基礎安裝以及配置詳解,需要的朋友可以參考下2023-01-01
這篇文章主要介紹了Vue之Computed依賴收集與更新原理分析,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
今天小編就為大家分享一篇在vue中動態(tài)添加class類進行顯示隱藏實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11