如何在vue模板中获取组件实例？

<template>
  <div>
    <my-component ref="myComponentRef"></my-component>
  </div>
</template>

<script>
export default {
  mounted() {
    const myComponentInstance = this.$refs.myComponentRef;
    // 可以通过myComponentInstance来访问组件实例的属性和方法
  }
}
</script>

<template>
  <div>
    <my-component></my-component>
  </div>
</template>

<script>
export default {
  mounted() {
    const myComponentInstance = this.$children[0];
    // 可以通过myComponentInstance来访问组件实例的属性和方法
  }
}
</script>

<template>
  <div>
    <child-component></child-component>
  </div>
</template>

<script>
export default {
  mounted() {
    const parentComponentInstance = this.$parent;
    // 可以通过parentComponentInstance来访问父组件实例的属性和方法
  }
}
</script>