Vue3中如何处理$attrs变化与inheritAttrs使用以实现属性继承？

本文共计1952个文字，预计阅读时间需要8分钟。

目录 + Vue3中的$attrs变化 + Vue2中的$attrs + 父组件的属性直接渲染在根节点上 + Vue3中的$attrs变化 + $listeners已被删除，合并到$attrs中 + $attrs现在包含class和style属性 + 这也是说在Vue3中，$l属性已被移除。

目录

• 在vue3中的$attrs的变化
• 在vue2中的$attrs
• 父组件的属性直接渲染在根节点上

在vue3中的$attrs的变化

$listeners已被删除合并到$attrs中。 $attrs现在包括class和style属性。 也就是说在vue3中$listeners不存在了。vue2中$listeners是单独存在的。 在vue3 $attrs包括class和style属性, vue2中 $attrs 不包含class和style属性。

在vue2中的$attrs

在Vue 2中，attrs里面包含着上层组件传递的所有数据(除style和class) 当一个组件声明了prop时候，attrs里面包含除去prop里面的数据剩下的数据。