vue生命周期总结
當Vue實例話以后要經歷三個階段:創建,編譯,和銷毀。
其生命周期的鉤子是這樣子的:
1-init
在實例初始化的時候同步調用(此時數據觀察,事件和watcher都尚未初始化)
2-created
在實例創建之后同步調用(此時實例已經結束了解析,數據綁定屬性,方法,watcher、事件回調已經建立。但是DOM編譯還沒有開始,$el還不存在)
3-beforeCompile
在編譯開始前調用
4-compiled
在編譯結束后調用(此時的指令已經生效,因而數據變化將觸發DOM更新,但是$el已經插入文檔)
5-ready
在編譯結束以后和$el 第一次插入到文檔之后調用(如在第一次aatched鉤子之后調用)
6-attached
在vm.$el插入DOM時調用(必須由指令或者實例方法插入)
7-detached
在vm.$el從DOM中刪除時調用(必須由指令或實例方法刪除)
8-beforeDestory
在開始銷毀實例前調用(此時實例仍然有功能)
9-destoryed
在實例被銷毀以后調用(此時所有綁定和實例指令已經解綁,所有的實例已經被銷毀)
總結
- 上一篇: Vue自定义命令
- 下一篇: vue-source的实例