vue3 将组件的所有属性、监听绑定到子组件 跨层级通信

2022-12-02 15:33:11 浏览数 (1)

有时候对已有组件进行二次封装需要传递属性、监听，一个一个声明传值麻烦可以通过以下方法实现

代码语言：javascript复制
<template>
	<div>
		<MyComponent v-bind="$attrs"/>
	<div>
</template>
<script>
export default {
	inheritAttrs: false // 阻止根元素继承属性
}
</script>

注：如果再vue2中，需要如下实现

代码语言：javascript复制
<template>
	<div>
		<MyComponent v-bind="$attrs" v-on="$listeners"/>
	<div>
</template>
<script>
export default {
	inheritAttrs: false // 阻止根元素继承属性
}
</script>
vue3

0 人点赞