vue3语法糖(父子组件通信 使用defineEmit,defineProps,defineExpose (useContext 弃用))

vue3.0中  在子组件中触发父组件中的函数的技巧目前有两个:

技巧一:在script中引入 defineEmit 后,import { defineEmit } from 'vue' ;通过defineEmit定义事件,例如:const emit = defineEmit(['myclick']); 定义了 myclick 事件,并且返回了一个函数,在点击事件里通过emit("myclick") 传递出事件,在父组件中的 引用的子组件的标签上定义上要传递的事件,具体代码如下:


2.用useContext : 先获取上下文对象,通过该对象的emit()方法进行事件的传出,其他同上;

const ctx=useContext()

ctx.emit(’myclick‘)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容