Vue中如何通过$attrs实现组件间长尾词数据传递？

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

组件间传递数据的方式有很多种，之所以有这么多方式，是为了满足在不同场景、不同条件下的使用需求。一般有三种方式：props、Vuex、Vue Event Bus。以下是这三种方式的简要介绍：

1. props：通过属性传递数据，适用于父组件向子组件传递数据。使用`$attrs`的方式介绍。

2. Vuex：全局状态管理库，适用于跨组件或跨页面共享状态。

3. Vue Event Bus：事件总线，用于组件之间传递事件和数据。

组件之间传递数据的方式有很多种，之所以有这么多种方式，是为了满足在不同场景不同条件下的使用。

一般有三种方式：

props
vuex
Vue Event Bus

本文介绍的是使用$attrs的方式。

这是$attrs的官网api cn.vuejs.org/v2/api/#vm-attrs

这个api是在2.4版本中添加的，那么为什么要添加这个特性呢？
看看官网是怎么解释的

包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 ( class 和 style 除外)。