淺析Vue 生命周期

Vue 提供了11個鉤子函數

1，從創建到銷毀發生的一系列狀態叫做什么周期，在這個過程中vue會提供狀態函數給我們進行

該狀態的操作，這個函數叫做鉤子函數/生命周期函數/生命周期鉤子

過程:

new Vue({})

Vue 實例初始化，讀取所有的生命周期函數，并沒有執行，不會調用

beforeCreate()

讀取屬性，計算屬性，添加監聽 set get方法，讀取watch方法

create() 可以操作數據了

判斷是否有el配置，或者是被調用了 $mount() 都會走下一步

判斷有沒有el或者是$mount()作用的dom結構

beforeMount是沒有dom結構的

如果有dom結構，讀取dom結構 渲染vue指令 {{}}，也就是掛載的過程

mounted() 可以操作ref

在這里可以用到 ref操作dom，用法為 ref="id",this.$refs,這里的id為唯一值，手寫id會覆蓋，但是用v-for 遍歷ref，id成了一個數組，不會覆蓋。

總結

以上所述是小編給大家介紹的Vue 生命周期，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com