vue组件的emit事件触发问题

加粗部分是打算在子组件执行函数的延迟执行绑定的父组件函数，但是这一步为什么没有执行？

<div id="app">
    <div id="counter-event-example">
      <p>{{ total }}</p>
      <button-counter v-on:increment="incrementTotal" @click.native = "dol"></button-counter>
      <button-counter v-on:increment="incrementTotal"></button-counter>
    </div>
</div>

<script>
Vue.component('button-counter', {
  template: '<button v-on:click="incrementHandler">{{ counter }}</button>',
  data: function () {
    return {
      counter: 0
    }
  },
  methods: {
    incrementHandler: function () {
      this.counter += 1;
     ** setTimeout("this.$emit('increment')", 0)**
    }
  },
})
new Vue({
  el: '#counter-event-example',
  data: {
    total: 0
  },
  methods: {
    incrementTotal: function () {
      this.total += 1
    },
      dol: function(){
          this.total += 2
      }
  }
})

可以提供一些详细代码吗

该回答引用ChatGPT：需要看到完整的代码才能确定为什么没有执行。可能是因为父组件函数没有正确绑定到子组件中，或者子组件没有正确触发父组件函数的执行。也有可能是其他原因导致的。