一、常用的常用的生命周期鉤子：

mounted: 發(fā)送 ajax 請求、啟動定時器、綁定自定義事件、訂閱消息等【初始化操作】

mounted() {console.log('vm 實例被掛載之后：mounted');this.timer = setInterval(() => {...} }

beforeDestroy: 清除定時器、解綁自定義事件、取消訂閱消息等【收尾工作】

beforeDestroy() {console.log('vm 實例被掛載將要被銷毀：beforeDestroy');clearInterval(this.timer); }

關于銷毀 Vue 實例

(1) 銷毀后借助 vue 開發(fā)者工具看不到任何信息

(2) 銷毀后自定義事件會失效，但原生 DOM 事件依然有效

(3) 一般不會在 beforeDestroy 操作數(shù)據(jù)，因為即便操作數(shù)據(jù)，也不會再出發(fā)更新流程了

vue 生命周期示意圖

總結

以上是生活随笔為你收集整理的聊聊 vue 生命周期的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。