vue3-模板引用

//1.调用ref函数 -> ref对象
const h1Ref = ref(null)
const comRef = ref(null)
//组件挂载完毕之后才能获取
onMounted(()=>{console.log(h1Ref.value);console.log(comRef.value);
})

  <div class="father"><!-- 通过ref标识绑定ref对象 --><h2 ref="h1Ref">父组件</h2><HelloWorldVue :count="count" message="father message" @get-message="getMessage" ref="comRef"></HelloWorldVue></div>

绑定之后结果

默认情况下在

子组件中

const name = ref('test name')
defineExpose({name
})