清空 (@momo4) 在 vue3的$attrs 中发帖
父组件只要接收就行,子组件使用v-bind="$attrs"将父组件传递的属性传递给孙组件,孙组件使用defineProps接收之后就可以直接使用了
组件职责划分
在这个 Vue 3 示例中,父组件(Parent.vue)、中间组件(Middle.vue)和孙组件(Child.vue)有各自明确的职责。通过使用 $attrs,简化了属性的传递,特别是在不需要中间层组件处理属性的情况下。
1. 父组件(Parent.vue)职责
父组件的主要职责 是定义数据和方法,并将这些数据和方法作为 props 传递给子组件(中间组件)。父组件负责控制和管理这些数据的逻辑和更新。
需要做的事情:
定义数据属性,例如 message、count 和 isActive。
定义方法,例如 updateCount,用于更新数据(如 count)。
通过 props 将数据和方法传递给中间组件。
父...