Vue3非模版组件modal除了props还有其他方式获取原组件属性

Vue3中的非模板组件（如自定义渲染函数、Composition API 或者Reactivity API）如果需要获取原组件的属性，除了通过props传递外，还可以采用以下几种方式：

1. **Ref**：使用`ref`可以创建一个响应式的变量，你可以直接将组件的某个属性绑定到这个`ref`上，如`const title = ref(this.title)`，这样可以在任何时候访问和修改该属性。

2. **计算属性**：如果你想要基于原组件属性计算新的值，可以使用`computed`。例如，`get computedTitle() { return this.title.toUpperCase(); }`。

3. **Watcher**：通过设置`watch`，可以监听原组件属性的变化，当属性改变时执行回调。例如：

   watch('$parent.title', function(newVal) {
     this.myTitle = newVal;
   });

4. **Provide/Inject** (单文件组件或多文件组件间通信)：若组件之间有依赖，可以使用`provide`和`inject`API提供并注入数据。

5. **Props Injection**：利用vue-router或vuex等库提供的`beforeCreate`钩子，在组件挂载前从全局状态获取所需属性。

6. **自定义指令**：对于一些特定操作，可以编写自定义指令来读取和处理原组件的属性。

记得，以上每种方法都应在适当的时候使用，并确保不会导致不必要的性能开销。