Vue3中如何解析$attrs变化及正确运用inheritAttrs？

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

目录- Vue3中的$attrs的变更- Vue2中的$attrs和父组件属性的直接渲染- Vue3中的$attrs的变更和$listeners的删除- $attrs现在包含class和style属性- Vue3中的$attrs等同于Vue2中的$v-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里面的数据剩下的数据。