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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐