1. 程式人生 > >vue生命周期筆記

vue生命周期筆記

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生命周期筆記