vue 中this.$on 为什么要放在created中?

最近在思考一个问题为什么一定要在created中写this.$on,可以放在mounted中吗

如果触发和监听组件在页面上都创建了,那么可以放在mounted中

这种情况在实际工作中比较常见,如果在触发的组件实际触发之前,监听组件mouted方法执行了,那么就没有任何问题

如果触发和监听组件在页面上依次创建,那么要放在created中

放在created中最主要的原因是组件的生命周期执行顺序决定的,a是现在的组件,b是即将显示的组件,那么执行顺序是b先created,beforeMount,然后才是a的beforeDestroy,destroyed钩子执行,b的mounted最后执行,针对这种业务你想一下,你在a的beforeDestroy钩子中触发emit,如果在b的mounted中监听,这时候b的生命周期还没有执行到那一步所以,你的触发是不会生效的,所以更通用的情况是放在created钩子中

原文地址:https://www.cnblogs.com/wzcsqaws/p/11424950.html