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)可以使用了。但是還沒有掛載到頁面上。可以在created里面去后端獲取數(shù)據(jù)。
當進入mounted這個生命周期函數(shù)。此時頁面已經(jīng)渲染出來，可以進行dom操作。
總而言之。created生命周期函數(shù)，可以去后端異步獲取數(shù)據(jù)，并保存到data里面。
mounted的話，如果需要在頁面上操作dom，就要在這個函數(shù)執(zhí)行。
但是注意 mounted 不會承諾所有的子組件也都一起被掛載。如果你希望等到整個視圖都渲染完畢，那就需要使用到vm.$nextTick
關(guān)于created與mounted區(qū)別
created mounted
1）created：在模板渲染成html前調(diào)用，即通常初始化某些屬性值，然后再渲染成視圖。
2）mounted：在模板渲染成html后調(diào)用，通常是初始化頁面完成后，再對html的dom節(jié)點進行一些需要的操作。
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Vue ElementUI之Form表單驗證遇到的問題,需要的朋友可以參考下2017-08-08
vue.js 2.*項目環(huán)境搭建、運行、打包發(fā)布的詳細步驟
這篇文章主要介紹了vue.js 2.*項目環(huán)境搭建、運行、打包發(fā)布的詳細步驟，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
這篇文章主要為大家詳細介紹一下如何在Vue3中實現(xiàn)自定義指令，文中的示例代碼講解詳細，具有一定的借鑒價值，需要的同學可以參考一下2022-07-07
這篇文章主要介紹了vue--select組件的使用與禁用的實現(xiàn)代碼，非常不錯，具有參考借鑒價值 ,需要的朋友可以參考下2018-04-04
element中el-table中的el-input校驗的實現(xiàn)
本文主要介紹了element中el-table中的el-input校驗的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-08-08
vue 實現(xiàn)模糊檢索并根據(jù)其他字符的首字母順序排列
這篇文章主要介紹了vue 實現(xiàn)模糊檢索，并根據(jù)其他字符的首字母順序排列,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-09-09
這篇文章主要為大家詳細介紹了vue回到頂部監(jiān)聽滾動事件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-08-08
elementUI Table組件實現(xiàn)表頭吸頂效果(示例代碼)
文章介紹了如何在vue2.6+和elementUI環(huán)境下實現(xiàn)el-table組件的表頭吸頂效果,通過添加樣式、注冊指令、引入指令并在父元素中避免使用overflow:hidden,可以實現(xiàn)場景下表頭始終可見,本文通過實例代碼介紹的非常詳細,感興趣的朋友一起看看吧2025-01-01
今天小編大家分享一篇vuex存值與取值的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要介紹了vue計算屬性及函數(shù)的選擇，文章圍繞主題的相關(guān)資料展開詳細介紹，需要的小伙伴可以參考一下2022-05-05