@vue/composition-api 中无法使用ref对象的

当使用@vue/composition-api 去获取一个组件中的ref对象时如

<div ref="myref"></div>

setup() {
 const myref= ref(null)

 onMounted(() => {
   // 在渲染完成后, 这个 div DOM 会被赋值给 myref ref 对象
   console.log(myref.value) // <div/>
 })

 return {
   myref,
 }
},

请一定谨记

• const myref= ref(null) 这里的变量名myref 要与dom中ref的值对应
• ref对象 myref一定要使用return暴露出去，
• 使用ref对象内部的值或方法要使用myref.value.?的方式

以上三点任何一点没有做对，程序都会报错。

如果是TS的写法 ref的对象这样声明

const alertFormRef: Ref<ElForm | null> = ref(null)

ElForm为组件的装饰器

相关链接 https://composition-api.vuejs.org/zh/api.html#%E6%A8%A1%E6%9D%BF-refs