Vue3中如何从应用实例外部的JS代码访问refs？

和 Vue2 直接通过 vm.$refs 访问不同，Vue3 需要先获取挂载后的根组件实例，再根据组件的写法（选项式/组合式）来访问 refs：

1. 保存挂载后的根组件实例 #

创建并挂载应用时，把根实例存为变量，后续外部JS就能直接引用：

import { createApp } from 'vue';
import App from './App.vue';

const app = createApp(App);
const rootVm = app.mount('#app'); // 保存根组件实例

2. 访问根组件内的 Refs #

选项式API场景 #

如果根组件是选项式写法，和 Vue2 用法完全一致：

• 模板里标记 ref：<div ref="someRef"></div>
• 外部JS直接访问：rootVm.$refs.someRef

组合式API（