<分区>
我想知道在单个文件组件中编码的最有效方法是什么。我只是在谈论生产力，因为没有关于如何组织它们的规则。 As stated in the style guide :
Single-file components should always order template, script, and style tags consistently, with last, because at least one of the other two is always necessary.
我通常把模板放在第一位，因为乍一看似乎可以更快地理解码件的作用。
但与此同时，我们大部分时间都在脚本标签内编写逻辑，并且将 Prop 放在顶部有点吸引人。
此外，有人可能会争辩说，将模板和样式放在一起会让我们在设计组件时更容易。有时您可能需要滚动整个脚本标签才能找到正确的 css 类。
您使用什么顺序来提高工作效率？为什么？
最佳答案
我使用默认的模板、脚本、样式顺序。由于它是最常用的一种，因此也是其他开发人员熟悉的一种，因此它使与其他人的协作变得更加容易。我个人觉得有点奇怪，风格指南不推荐这种顺序作为推荐顺序。
的确，您可能同时使用模板和样式，或者模板和脚本，因此从这个意义上说，将模板放在中间是有意义的。在我使用的编辑器 VS Code 中，您只能折叠模板 block ，而不能折叠脚本和样式 block 。但是在脚本 block 内，使用 VS Code 可以折叠包含大部分组件逻辑的导出默认部分，因此它让我可以更轻松地同时处理模板和样式。
我仍然相信偏离标准是最好的方式，尽管样式指南顺序不推荐，但是根据您的编辑器以及您能够折叠的 block ，其他顺序也可能有意义。
关于Vue.js:我们应该将脚本或模板放在单个文件组件中以提高生产力吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47083556/