vue3爷组件获取孙组件值

可以通过在爷组件中使用 $refs 获取孙组件的实例，然后调用其方法或访问其属性来获取值。具体实现步骤如下：

1. 在孙组件中，给需要获取的值的元素添加 ref 属性，例如：

   <template>
     <div ref="target">{{ value }}</div>
   </template>

2. 在爷组件中，使用 $refs 获取孙组件的实例，并访问其 ref 属性来获取目标元素，例如：

   export default {
     mounted() {
       const target = this.$refs.grandson.$refs.target;
       const value = target.innerText;
       console.log(value);
     }
   }

其中，`grandson` 是孙组件的 ref 名称。