Vue 提供了11個鉤子函數
1,從建立到銷燬發生的一系列狀態叫作什麼週期,在這個過程當中vue會提供狀態函數給咱們進行
該狀態的操做,這個函數叫作鉤子函數/生命週期函數/生命週期鉤子
vue
過程:
new Vue({})
Vue 實例初始化,讀取全部的生命週期函數,並無執行,不會調用
beforeCreate()數組
讀取屬性,計算屬性,添加監聽 set get方法,讀取watch方法dom
create() 能夠操做數據了函數
判斷是否有el配置,或者是被調用了 $mount() 都會走下一步this
判斷有沒有el或者是$mount()做用的dom結構spa
beforeMount是沒有dom結構的生命週期
若是有dom結構,讀取dom結構 渲染vue指令 {{}},也就是掛載的過程圖片
mounted() 能夠操做refget
在這裏能夠用到 ref操做dom,用法爲 ref="id",this.$refs,這裏的id爲惟一值,手寫id會覆蓋,可是用v-for 遍歷ref,id成了一個數組,不會覆蓋。it
跟用戶交互