vue2 $emit 传参

在 Vue2 中，使用 `$emit` 传参可以通过在 `$emit` 方法的第二个参数中传递一个对象，该对象就是要传递的参数。例如：

// 父组件中
<template>
  <child-component @custom-event="handleCustomEvent"></child-component>
</template>

<script>
export default {
  methods: {
    handleCustomEvent(data) {
      console.log(data)
    }
  }
}
</script>

// 子组件中
<template>
  <button @click="handleClick">点击触发自定义事件</button>
</template>

<script>
export default {
  methods: {
    handleClick() {
      this.$emit('custom-event', { name: '张三', age: 18 })
    }
  }
}
</script>

在子组件中，通过 `this.$emit('custom-event', { name: '张三', age: 18 })` 触发自定义事件，并传递了一个对象 `{ name: '张三', age: 18 }` 作为参数。在父组件中通过 `@custom-event="handleCustomEvent"` 监听自定义事件，当自定义事件被触发时，会执行 `handleCustomEvent` 方法，并打印出传递的参数对象 `{ name: '张三', age: 18 }`。