vue中使用$emit传递多个参数

1、$emit传递一个参数

子组件：

this.$emit('getData','111')

父组件：

<child@getData="getData"></child>

getData(data){
    console.log(data)// '111'}

2、$emit传递多个参数

方法一：将要传的数据放到对象中，再将对象传给父组件

子组件：

let obj ={data1:'111',data2:'222'}this.$emit('getData',obj)

父组件：

<child@getData="getData"></child>

getData(data){
    console.log(data)// {data1:'111',data2:'222'}}

方法二：直接传递多个参数

子组件：

this.$emit('getData','111','222')

父组件：

接收的时候要传 arguments 参数

<child@getData="getData(arguments)"></child>

getData(data){
    console.log(data[0],data[1])// '111' '222'}