从 Vue 3 中的父组件触发计时器

Question

如何在 Vue 3 中从其父组件正确触发子组件中的方法。事件总线以外的东西。

定时器触发方法如下：

methods: {
    startTimer: function () {
      this.timer = setInterval(() => this.countdown(), 1000);   
    },

我需要按父级中的按钮将其关闭。

Answer 1

在父组件中为子组件添加一个 ref 并使用该 ref 触发该方法：

<Child ref="childRef" />

并在某处触发它：

 this.$refs.childRef.startTimer()

Trigger a timer from parent component in Vue 3