`this.$emit` 子组件给父组件传递多个参数

在这篇文章 Vxe-table 高亮当前行 中，我提到过this.$emit 子组件给父组件传递多个参数，这里再次记录一下，增加印象。

注意事项

1. 传递多个参数时：

   • 父组件的子组件标签中，绑定的事件必须填上参数 arguments，这是因为 arguments 是一个对应于传递给函数的参数的类数组对象。

   • 父组件中绑定的函数中的形参，可以为任意值，比如 val, e, argus 等等。

   • 子组件中传递参数，注意实参的书写顺序。

2. 传递单个参数时：

   • 父组件的子组件标签中，绑定的事件可以不书写参数，直接书写事件名；也可以填上形参 $event。

   • 父组件中绑定的函数中的形参，实际上就是 $event，即子组件传递来的值。

代码

参考链接

• Vue中 $emit传递一个或多个参数

• 原生事件和自定义事件中，$event 代表的含义不同： Vue中自定义事件的 $event传参问题

---

补充

经评论区友友提示：子组件传递多个参数还有一种方式——把多个参数用 {}包裹，父组件绑定函数的形参用任意值来接收。