vue3 - setup之defineEmits

基础形式

子组件

const emits = defineEmits(['name'])

//触发emits事件
const eventButton = () => {
 emits('name')
}
1
2
3
4
5
6

父组件

<script>
const handleName = () =>{
}
script>
<template>
  <ComponentName @name="handleName" />
template>
1
2
3
4
5
6
7

传值

子组件

const emits = defineEmits(['name'])

//触发emits事件
const eventButton = () => {
 emits('name',{child1:1,child2:2})
}
1
2
3
4
5
6

父组件

<script>
const handleName = (num) =>{
  console.log(num.child1)
  console.log(num.child2)
}
script>
<template>
  <ComponentName @name="handleName" />
template>
1
2
3
4
5
6
7
8
9