vue生命周期筆記
阿新 • • 發佈:2018-05-15
ons IT ini 參考 for fault 都沒有 作用 UNC
1、創建VUE實例,new Vue()
2、在創建實例的過程中,調用鉤子beforeCreate(),在執行這個函數時,DOM還沒有掛載,屬性行為都沒有綁定
之後,init injecions and reactivity,註冊屬性和事件
3、然後調用create(),此時屬性和事件已被註冊
之後,看有沒有el選項,沒有的話調用vm.$mount(el),
然後判斷有沒有template選項,有的話就將template編譯成render Function,沒有的話將el 的最外層標簽作為template
4、有了render Function之後,調用beforeMount ,要註意的是此時只是編譯了模板,還沒有把屬性掛載上去。
5、mounted,掛載屬性之後調用
6、beforeUpdate,屬性在虛擬DOM中被改變,但是還沒渲染
7、updated,渲染更新
8、beforeDestoy,組件銷毀之前,實例還可用
9、destroy,VUE 實例指示的所有東西都會解綁定,所有的事件監聽器會被移除,所有的子實例也會被銷毀,此時再改變屬性已經不再起作用。
參考資料:
https://juejin.im/post/5ad10800f265da23826e681e
https://segmentfault.com/a/1190000011219149
vue生命周期筆記