Vue.js 引用$children时调用两次Vue方法

我正在构建一个选项卡小部件，我遇到了一个问题，当我将

$children

组件分配给

选项卡

数据属性时，

testFn（）

会被调用两次。不确定是什么原因造成的

我的父组件如下所示：

mounted() {
    this.tabs = this.$children;
  },
 methods: {
    testFn(i) {
      console.log("fn called" + i);
    },
}

父组件的模板：

<ul>
   <li v-for="(tab, index) in tabs")>..test..</li>
</ul>

<AppUiButton @click="testFn(selectedTab + 1)"> Test </AppUiButton>

---

为什么我将

这个.tabs

分配给$children会改变

@点击的行为？
您可以添加一个小提琴/片段来测试代码吗？您显示的是
AppUiButton
定义的对象吗？@zero298否，这是定义还是父组件<代码>AppUiButton

在此父级中呈现@Zysce我将尝试在同时设置一个小提琴添加澄清。而且，只有当我在

中使用

选项卡时，问题才会出现
mounted() {
    // this.tabs = this.$children;
  },