vue3 获取自定义组件某个属性值集合

在 Vue3 中，可以通过 `refs` 来获取自定义组件实例，然后访问组件的属性值。具体操作如下：

1. 在自定义组件中定义需要获取的属性值，并通过 `setup()` 函数返回。

<template>
  <div>
    <my-custom-component ref="myComponent" />
  </div>
</template>

<script>
import MyCustomComponent from './MyCustomComponent.vue'

export default {
  components: {
    MyCustomComponent
  },

  setup() {
    const myComponent = ref(null)

    onMounted(() => {
      console.log(myComponent.value.customAttribute)
    })

    return {
      myComponent
    }
  }
}
</script>

2. 在父组件中通过 `refs` 获取自定义组件实例，并访问组件的属性值。

<template>
  <div>
    <my-custom-component ref="myComponent" />
  </div>
</template>

<script>
import MyCustomComponent from './MyCustomComponent.vue'

export default {
  components: {
    MyCustomComponent
  },

  mounted() {
    const myComponent = this.$refs.myComponent
    console.log(myComponent.customAttribute)
  }
}
</script>

注意，如果要在自定义组件中获取父组件中的属性值，可以通过 `provide` 和 `inject` 进行跨层级传递，具体可以参考 Vue3 官方文档。