vue 中 hookEvent 应用

1. 组件内部监听生命周期函数

export default{
  methods:{
    fun1(){
      const timer = setInterval(()=>{
      	//具体执行代码
        console.log('1');
      },1000);
      this.$once('hook:beforeDestory',()=>{
        clearInterval(timer);
        timer = null;
      })
    }
  }

在Vue组件中，可以用过$on,$once去监听所有的生命周期钩子函数，如监听组件的updated钩子函数可以写成

this.$on('hook:beforeDestory', () => {})

2.外部监听子组件内部生命周期函数

//父组件中这样写
<rl-child
  :value="40"
  @hook:mounted="handleChildMounted"
/>
 
// 子组件中不用写东西
mounted () {

}