Vue3.0中emit的使用

---

一、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"
  />