在Vue.js中,组件的生命周期钩子函数beforeDestroy和destroyed在组件销毁过程中被调用。beforeDestroy:在组件即将被销毁之前调用,此时,组件实例仍然完全可用。destroyed:在组件实例销毁后调用。调用后,所有的事件监听器都会被移除,所有的子组件也都会被销毁。因此,自定义组件在 beforeDestroy 和 destroyed 这两个生命周期钩子函数被调用时销毁。
解决措施自定义组件销毁的场景有:退出页面。if组件的分支改变,ForEach循环渲染中数组的个数改变,组件将被删除。调用router.replaceUrl,则当前页面被销毁。点击返回按钮,触发页面生命周期Index onBackPress,且触发返回一个页面后会导致当前Index页面被销毁。
解决措施
自定义组件销毁的场景有: