Vue 3 使用 ref 获取组件实例 - 完整指南及代码示例

{"template":{"div":[{"ChildComponent":{"parentRef":"parentRef"}}]},"script":{"import":[{"ref":"vue"},{"toRef":"vue"},{"ChildComponent":"./ChildComponent.vue"}],"export default":{"components":{"ChildComponent":"ChildComponent"},"setup":{"parentRef":{"ref":null},"return":{"parentRef":"parentRef"}}}},"template":{"div":[{"button":{"onclick":"logParentRef","Log Parent Ref":null}}]},"script":{"import":{"toRef":"vue"},"export default":{"props":{"parentRef":{"type":"Object","required":true}},"setup":{"props":"props","parentRef":{"toRef":["props","parentRef"]},"logParentRef":{"function":[{"console.log":["parentRef.value"]}]},"return":{"logParentRef":"logParentRef"}}}}}