20250401-vue-声明触发的事件

组件可以显式地通过 emits 选项来声明它要触发的事件：

1. <script>
2.         export default {
3.                 emits:['increaseBy'],
4.         }
5. </script>

复制代码

这个 emits 选项和 defineEmits() 宏还支持对象语法。通过 TypeScript 为参数指定范例，它允许我们对触发事件的参数进行验证，这种公司项目中没出现过：

1. export default {
2.   emits: {
3.     submit(payload: { email: string, password: string }) {
4.       // 通过返回值为 `true` 还是为 `false` 来判断
5.       // 验证是否通过
6.     }
7.   }
8. }

复制代码

注意如果一个原生事件的名字 (例如 click) 被定义在 emits 选项中，则监听器只会监听组件触发的 click 事件而不会再响应原生的 click 事件。


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。