vue3 子父值 在＜script setup＞中

点击传值

子页面

      <el-button @click="$emit('name', '登录')">登录</el-button >
        //name：为传值的名称
        //登录：为传递的值

<script setup>
defineEmits(['name']);
<script>
//name:传递值的名称
//defineEmits不需要引入可直接使用

父页面

<login @name="name"></login>
//login 为父页面中引入的子页面

<script setup>
const name = (val) => {
      console.log(val);// 输出子组件的值
    }
</script>