vue3中defineEmits详解
在Vue 3中，defineEmits是一个函数，它用来显式地声明组件可以触发的事件。这样做可以提高代码的可维护性和清晰度，使得组件的事件触发行为更加明确。
使用defineEmits的方法如下：
- 在
<script setup>标签中使用defineEmits函数。 - 调用
defineEmits返回的方法来触发事件。
例如：
<script setup>
// 导入defineEmits
import { defineEmits } from 'vue'
// 使用defineEmits函数声明组件可以触发的事件
const emit = defineEmits(['update', 'delete'])
// 触发事件的函数
function updateData() {
emit('update', 'new data')
}
function deleteData() {
emit('delete')
}
</script>在这个例子中，我们声明了两个事件：update和delete。然后在updateData和deleteData函数中分别触发这些事件。如果尝试触发一个未在defineEmits中声明的事件，Vue会在控制台上发出警告。
评论已关闭