这实际上是一种代码风格的问题，虽然我正在使用Vue.js来开发我的前端，但我还是用Vue术语来表达它。
我正在使用Vue.js开发一个相当复杂的Web应用程序。即使使用单个文件组件，我发现我的一些组件（例如CustomerEditor）也变得庞大而且难以编辑并且越来越难以编辑。现在，我来自Java背景（实际上是近几年的Grails / Groovy），我的直觉总是将多个可能在多个地方使用的东西隔离到自己的类中，以便尽可能多地保留干原则。
我一直在用Vue.js做这件事，将事情分解成更小的组件，在那里我看到了重用的可能性。即便如此，一些文件仍然很大。所以现在我正在考虑我之前从未真正做过的事情，将一些组件拆分成更小的组件，即使这些较小的组件只会在这一个地方使用一次，只是为了使代码更具可读性/可编辑性。我不得不说这是一条相当奇怪的道路，我只是想知道这是否是其他常见做法？
答案 0 :(得分：1)
在Vue.js中很常见的是将大型组件拆分为更易于维护的较小组件，即使这些组件不会被重用。以下是官方documentation的引用：
组件意味着一起使用，最常见的是父子关系：组件A可以在其自己的模板中使用组件B.他们不可避免地需要彼此沟通：父母可能需要将数据传递给孩子，孩子可能需要通知父母孩子身上发生的事情。但是，通过明确定义的界面使父母和孩子尽可能地分离也是非常重要的。这确保了每个组件的代码可以相对隔离地编写和推理，从而使它们更易于维护并且可能更容易重用。
请注意“使它们更易于维护，并且可能更容易重用”。最后。
另一个需要注意的重要事项是尽可能将父母和孩子分开。这也有助于使代码更易于理解/维护。有助于使您的数据流更容易理解的另一件事是拥有one-way data flow。