Vue3_组件传参问题

并不是任意两个组件之间都可以进行参数传递

父传子

子传父

兄弟传参（先子传父，再父传给另一个子）

现在要向父组件发送参数

即Navigator.vue向App.vue发送参数

<script setup>

// 用于定义向父组件提交数据的事件以及正式的提交数据
import {defineEmits} from 'vue'

// 定义一个向父组件提交数据的事件   事件名称自定义
const emits = defineEmits(["sendMenu"])

// 定义提交数据的方法

function send(data){
    emits('sendMenu',data)
}

</script>
<template>
<div>
    <ul>
        <li @click="send('学院管理')">学院管理</li>
        <li @click="send('图书管理')">图书管理</li>
        <li @click="send('请假管理')">请假管理</li>
        <li @click="send('考试管理')">考试管理</li>
        <li @click="send('班级管理')">班级管理</li>
        <li @click="send('教师管理')">教师管理</li>
    </ul>
</div>

</template>

<style scoped>

</style>

父组件进行接收，并传给另一个子组件

另一个子组件接收