12.（vue3.x+vite）组件间通信方式之$attrs与$listeners

前端技术社区总目录（订阅之前请先查看该博客）

示例效果

在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里面的数据剩下的数据。 结合inheritAttrs:false，可以将传递下来的数据应用于其他元素，而不是根元素。

父组件代码

<template>
  <div