vue3.x中emits的基本用法实例

vue3.x中emits的基本用法实例_第1张图片

这是官方的文字介绍。emits重要用于组件之间的通信,触发自定义事件,传递参数。

下面演示一个子组件把事件传递到父组件,组件间通信的例子。

vue3.x中emits的基本用法实例_第2张图片





isOpen用来表示Modal的显示与隐藏,点击按钮,触发clickButton函数,父组件调用,触发自定义事件close-modal,而close-modal在父组件中绑定了onModalClose函数,实现了对Modal的隐藏。






emits的文档

附:vue3自定义组件中的emits使用介绍





总结

到此这篇关于vue3.x中emits基本用法的文章就介绍到这了,更多相关vue3.x中emits用法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(vue3.x中emits的基本用法实例)