vuejs如何从子方法中获取子代的索引

// 父组件
Vue.component('parent-component', {
  template: `
    <div>
      <child-component></child-component>
      <child-component></child-component>
      <child-component></child-component>
    </div>
  `
});

// 子组件
Vue.component('child-component', {
  template: '<div>子组件</div>',
  mounted() {
    const parentInstance = this.$parent; // 获取父组件实例
    const childrenInstances = parentInstance.$children; // 获取父组件中所有子组件实例数组
    const index = childrenInstances.indexOf(this); // 获取子组件在父组件中的索引
    console.log(index); // 输出子组件的索引
  }
});

// 创建Vue实例
new Vue({
  el: '#app',
  template: '<parent-component></parent-component>'
});