vue3.0 父组件调用子组件

1. 父组件中的子组件上定义ref

import user from '@/views/user/index.vue';
<template>
    <user ref="userRef"></user>
</template>

<script lang='ts' setup>
import user from '@/views/user/index.vue';
import {nextTick, ref} from 'vue';
// userRef 命名要和ref中定义的相同
const userRef = ref();
nextTick(()=>{
    console.log(userRef.value?.parentWant)
})
</script>
<style lang='scss' scoped>

</style>

2. 子组件采用defineExpose

const centerDialogVisible = ref(false);
// 子集暴露的变量
defineExpose({
    centerDialogVisible
})