先别背全表
刚学时我把生命周期表抄了一遍,写代码时还是懵。后来改成只记住自己真正用到的几个,效率反而高。
目前的使用频率
onMounted:发请求、量一下 DOM、绑定第三方库。onBeforeUnmount:清定时器、卸监听,防止页面关了还在跑。onUpdated:几乎不用,真要盯 DOM 变化更倾向显式方法。
一个小习惯
在 onMounted 里启动的东西,我尽量在同一组件的卸载钩子里成对清理。写成「开一对、关一对」,回头查泄漏会轻松很多。
生命周期
刚学时我把生命周期表抄了一遍,写代码时还是懵。后来改成只记住自己真正用到的几个,效率反而高。
onMounted:发请求、量一下 DOM、绑定第三方库。onBeforeUnmount:清定时器、卸监听,防止页面关了还在跑。onUpdated:几乎不用,真要盯 DOM 变化更倾向显式方法。在 onMounted 里启动的东西,我尽量在同一组件的卸载钩子里成对清理。写成「开一对、关一对」,回头查泄漏会轻松很多。