vue3 之 组合式API—模版引用

模版引用的概念

通过ref标识获取真实的dom对象或者组件实例对象

如何使用(以获取dom为例 组件同理)

1️⃣调用ref函数生成一个ref对象
2️⃣通过ref标识绑定ref对象到标签

dom中使用
vue3 之 组合式API—模版引用_第1张图片
父组件中可以看到打印出来proxy里面只有一个属性,其他属性看不到
vue3 之 组合式API—模版引用_第2张图片
为什会这样?
默认情况下在

子组件通过defineExpose暴露出去,可以看到父组件打印出来的proxy中已经有暴露出来的属性了
vue3 之 组合式API—模版引用_第3张图片

总结

1.获取模版引用的时机是什么?
组件挂载完毕

2.defineExpose编译宏的作用是什么?
显式暴露组件内部的属性和方法

你可能感兴趣的:(vue3,javascript,vue.js,ecmascript)