Vue.js：为了提高效率，我们应该首先将脚本或模板放在单个文件组件中吗？

我想知道在单个文件组件中编写代码的最有效方法是什么。我只是在谈论生产力，因为没有关于如何组织它们的规则

单文件组件应始终以last为顺序排列模板、脚本和样式标记，因为其他两个标记中至少有一个是必需的

我通常把模板放在第一位，因为乍一看，它似乎更容易理解组件的功能

但与此同时，我们花了大部分时间在脚本标签中编写逻辑，而将道具放在顶部是一种吸引力

此外，有人可能会认为，在设置组件样式时，将模板和样式放在一起会使事情变得更容易。有时，您可能需要滚动整个脚本标记才能找到正确的css类

---

生产效率使用的顺序是什么？为什么？

我使用默认的模板、脚本、样式顺序。由于它是最常用的一种，也是其他开发人员熟悉的一种，因此它使与其他人的协作更加容易。我个人觉得它有点奇怪，风格指南不建议作为一个推荐的顺序

<>这是真的，您可能同时使用模板和样式、模板和脚本，因此在中间意义上有模板是有意义的。在我使用的编辑器（VS代码）中，只能折叠模板块，而不能折叠脚本和样式块。但是，在脚本块内部，使用VS代码可以折叠导出默认部分，其中包含大多数组件逻辑，因此可以更轻松地同时使用模板和样式

---

不过，我仍然相信，偏离标准（尽管不是样式指南顺序所推荐的）是最好的方法，但是，根据您的编辑器以及您能够折叠其他顺序的块，也可能有意义

你最好在论坛上问这样的问题你是对的，我就是这么做的：