淺析Vue 生命周期
Vue 提供了11個鉤子函數(shù)
1，從創(chuàng)建到銷毀發(fā)生的一系列狀態(tài)叫做什么周期，在這個過程中vue會提供狀態(tài)函數(shù)給我們進(jìn)行
該狀態(tài)的操作，這個函數(shù)叫做鉤子函數(shù)/生命周期函數(shù)/生命周期鉤子
過程:
new Vue({})
Vue 實例初始化，讀取所有的生命周期函數(shù)，并沒有執(zhí)行，不會調(diào)用
beforeCreate()
讀取屬性，計算屬性，添加監(jiān)聽 set get方法，讀取watch方法
create() 可以操作數(shù)據(jù)了
判斷是否有el配置，或者是被調(diào)用了 $mount() 都會走下一步
判斷有沒有el或者是$mount()作用的dom結(jié)構(gòu)
beforeMount是沒有dom結(jié)構(gòu)的
如果有dom結(jié)構(gòu)，讀取dom結(jié)構(gòu) 渲染vue指令 {{}}，也就是掛載的過程
mounted() 可以操作ref
在這里可以用到 ref操作dom，用法為 ref="id",this.$refs,這里的id為唯一值，手寫id會覆蓋，但是用v-for 遍歷ref，id成了一個數(shù)組，不會覆蓋。
總結(jié)
以上所述是小編給大家介紹的Vue 生命周期，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了Vue中的文字換行問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
Element中el-select下拉框?qū)崿F(xiàn)選中圖標(biāo)并回顯圖標(biāo)
本文主要介紹了Element中el-select下拉框?qū)崿F(xiàn)選中圖標(biāo)并回顯圖標(biāo)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-12-12
這篇文章主要介紹了vue項目從node8.x升級到12.x后的問題解決，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
這篇文章主要介紹了Vue中的errorHandler異常捕獲問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
這篇文章主要介紹了vue如何清除瀏覽器歷史棧，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
這篇文章主要給大家介紹了關(guān)于vue cli使用絕對路徑引用圖片問題的解決方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起看看吧。2017-12-12
這篇文章主要介紹了Vue中的同步調(diào)用和異步調(diào)用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-01-01
Vue Element-ui實現(xiàn)樹形控件節(jié)點添加圖標(biāo)詳解
這篇文章主要為大家介紹了Element-ui實現(xiàn)樹形控件節(jié)點添加圖標(biāo)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
這篇文章主要介紹了vue項目打包后proxyTable代理失效問題及解決方案，具有很好的參考價值，希望對大家有所幫助。2023-05-05
Vue中請求本地JSON文件并返回數(shù)據(jù)的方法實例
在前端開發(fā)過程當(dāng)中,當(dāng)后臺服務(wù)器開發(fā)數(shù)據(jù)還沒完善,沒法與咱們交接時,咱們習(xí)慣在本地寫上一個json文件做模擬數(shù)據(jù)測試代碼效果是否有問題,下面這篇文章主要給大家介紹了關(guān)于Vue中請求本地JSON文件并返回數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下2022-08-08