我应该将每个组件保存在单独的文件中吗（vue.js）

Question

我正在使用vue.js并且有一个计时器/秒表组件，其中包含以下单独组件构建的部件。每个组件/部件都有自己的文件。

• 数字时钟，
• 注意，
• 控制，
• 其他几个小部分

我将它们合并到另一个文件中，然后将 stopwatch.vue 包含在其中并使用以下代码。

<div>
  <clock></clock>
  <note></note>
  <controls></controls> 
</div>

然后我可以在其他地方导入 stopwatch.vue 并执行以下操作

<stopwatch></stopwatch>

我应该将所有组件保存在单独的文件中，还是最好创建一个组件并保留所有组件的代码？