props可以实现父子组件通信,在vue3中我们可以通过defineProps获取父组件传递的数据。且在组件内部不需要引入defineProps方法可以直接使用!
- const props = defineProps<{
- agreePolicy: boolean
- }>()
如果你正在搭配 TypeScript 使用 ,也可以使用纯类型标注来声明触发的事件:
- const $emit = defineEmits<{
- loginSuccess: [response: LoginSuccessResType]
- }>()
defineExpose是vue3新增的一个api,放在
父组件用ref获取子组件dom拿到暴露的属性
- defineExpose({
- formData,
- passRuleFlag,
- codeLogin,
- clearTimer
- })