Vue父组件子组件间信息传输（提供注入实现组件通信）

当需要将父组件中的数据传递至子组件，并且子组件可能存在多层嵌套结构时，可以借助provide与inject这一机制来达成组件间的通信目标。

此处展示的是父组件，其作用是将getReportData中的数据传递至子组件

此部分为子组件，首先通过inject方法进行接收，随后借助computed属性将数据传递至当前组件的data中，最终在上方的div元素中完成渲染，从而实现数据的传递与展示

实用技巧汇总

当需要传递的组件与数值数量较多时，采用前述方式会导致每个组件都需要编写相同代码，从而产生大量重复内容。此时可创建一个新文件，将数据处理与输出的相关功能进行封装，并在页面中调用该文件。

通过这种方式，页面只需关注如何对获取的数据进行展示。
例：

创建一个名为commonDataMixin.js的文件，在其中实现数据的输出与处理逻辑