小编Tan*_*nnu的帖子

背景 - 刚接触 ES6 和 SPA（单页应用程序），之前主要从事基于 PHP 的应用程序。

创建一个基于 Vue 的 SPA，并在其中创建可重用的组件并在需要的地方导入它们。现在有几次，我已经编写import了一些组件的代码，其中一个组件依次导入了第一个组件使用的组件。现在忽略最后一行，我将尝试用伪代码解释这一点 -

****
File name: main-component.vue
****

...
import compA from sub-component-a.vue
import compB from sub-component-b.vue
import apiCompA from api-component-a.vue
...

****
File name: sub-component-a.vue
****

...
import compC from sub-component-c.vue
import apiCompA from api-component-a.vue
...

现在加载主要组件时api-component-a.vue会导入两次（至少我是这么认为的）。于是混乱。

这是需要担心的事情吗？

我正在构建一个以日期为 x 轴的图表，我们使用百度 echarts 来构建它们。

对于 10-15 天的范围，我只需通过 xAxis.data 绘制它们即可。但是，当我的范围更大时，比如 2-3 个月，日期就会堆积起来，或者因为空间太多而挤满了。在网上查看了一些想法后，我正在考虑将它们格式化如下（日期按月分组，并以 8-10 天的统一间隔分隔）：

2 12 22 2 12 22 2 12 22
     十二月 一月 二月

我知道xAxis.axisLabel.formatter但当我想要格式化单个条目而不是我想要的格式时，这似乎很有帮助。echarts 中是否可以有一个多级 x 轴，其中顶部是各个条目，底部行基本上代表它们的组？

希望这是有道理的。