vue如何单独调用生命周期函数？

Question

在某个操作之后单独调用某个生命周期函数，而不是在生命周期函数里面执行操作

Answer 1

我理解的是这样的场景
在父组件调用 组件库 组件的 生命周期钩子 你可以用 hook 去监听

<el-button
  @hook:mounted="handleChildMounted"
>按钮</el-button>
 
handleChildMounted() {
   console.log('父组件监听到 mounted 钩子函数 ...');
},
 
// 子组件中不用写东西
mounted () {
   console.log('子组件触发 mounted 钩子函数 ...');
}

再有一种就是 在组件中执行了一个 计时器 我不想写在销毁生命周期中，怕忘记可以采用以下方法

export default{
  methods:{
   timeFunction(){
      let timer = setInterval(()=>{
         console.log('计时器');
      },1000);
      this.$once('hook:beforeDestroy',()=>{
        clearInterval(timer);
        timer = null;
      })
    }
  }
}

在有其他情况 你可以直接将对应的要执行操作写在生命周期中