一、emit是什么?

emit的主要作用是子组件可以通过使用 emit,让父组件监听到自定义事件 ,以及传递的参数

二、Vue 2.0和3.0的使用区别

Vue 2.0:

子组件:
methods: {
    handleNextMonth() {
      this.$emit("linkTo");
    },
父组件:
 <customerList
     :list="customerList"
     @linkto="linkTo"
  />

Vue3.0:

子组件:
emits: ["linkto"],
setup(props: any, ctx: any) {
   const data = reactive({
     linkTo: (item: any) => {
       ctx.emit("linkto", item.externalUserid);
  },
 const refsData = toRefs(data);
 return { ...refsData };
 
父组件:
 <customerList
     :list="customerList"
     @linkto="linkTo"
  />
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐