Vue3 + ts 第三篇

1. vue3 使用ref 

 vue2 中 用 this.$refs.xxx 获取标签元素 或者 组件实例 

 vue3 中 没有this 用的麻烦 的 

 1. let proxy = getCurrentInstance() proxy.ctx.$refs.xxx 获取

 2. 简单法 
    
    let btn = ref()
    重点是让 ref="xxx" 和 声明的响应式对象的属性保持一致 
    在 onMounted 钩子中获取到组件 
 
    onMounted(()=>{ 
    btn.value.fn()//调用子组件方法
    })
    
   前提是子组件要先暴露出来 defineExpose({}) 不用引入
    defineExpose({
     fn
    })
   
   稍后复习 vue3.2 语法糖 define系列 defineProps defineEmit defineExpose

你可能感兴趣的:(Vue3,typeScript,前端,javascript,vue.js)