Vue.js 如何在VueJS中将所有事件传递给父级 传球道具

在VueJS中，如果将

inheritAttrs

设置为

false

并使用

v-bind=“$attrs”

将组件中未声明的所有道具传递给其子组件。在VueJS中，是否有类似的方法将来自子级的所有事件传递给其父级

代码示例 包装器

<template>
  <child-component v-bind="$attrs" />
</template>

<script>
module.exports = {
  inheritAttrs: false
  ...
}
</script>

module.exports={
继承属性：false
...
}

儿童

<template>
  ...
</template>

<script>
module.exports = {
  ...
  props: {
    prop1: Boolean,
    prop2: Boolean
  }
  ...
}
</script>

...
module.exports={
...
道具：{
prop1：布尔，
prop2：布尔型
}
...
}

家长

<template>
  <wrapper :prop1="false" :prop2="true" />
  ...
</template>

...

要传递所有事件，请使用

v-on="$listeners"

---

你指的是像

@click

这样的常见事件？是的，但所有事件都来自子事件，甚至自定义事件