Vue3 + ts 第三篇
1. vue3 使用ref
vue2 中 用 this.$refs.xxx 获取标签元素 或者 组件实例
vue3 中 没有this 用的麻烦 的
1. let proxy = getCurrentInstance() proxy.ctx.$refs.xxx 获取
2. 简单法
<son ref="btn"></son>
let btn = ref()
重点是让 ref="xxx" 和 声明的响应式对象的属性保持一致
在 onMounted 钩子中获取到组件
onMounted(()=>{
btn.value.fn()//调用子组件方法
})
前提是子组件要先暴露出来 defineExpose({}) 不用引入
defineExpose({
fn
})
稍后复习 vue3.2 语法糖 define系列 defineProps defineEmit defineExpose