我们应该将脚本或模板放在单个文件组件中以提高生产力吗? [已关闭]

问题描述 投票:0回答:1

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

单文件组件应始终对模板、脚本和样式标签进行一致的排序,最后,因为至少另外两个之一始终是必要的。

我通常把模板放在第一位,因为乍一看似乎可以更快地理解组件的功能。

但与此同时,我们大部分时间都花在脚本标签内编写逻辑,并且将 props 放在顶部是很有吸引力的。

此外,有人可能会争辩说,将模板和样式放在一起会使我们在设计组件时变得更容易。有时您可能需要滚动整个脚本标签才能到达正确的 css 类。

您使用什么顺序来提高生产力?为什么?

vue.js vuejs2
1个回答
13
投票

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

确实,您可能同时使用模板和样式或模板和脚本,因此从这个意义上讲,将模板放在中间是有意义的。在我使用的编辑器(即 VS Code)中,您只能折叠模板块,而不能折叠脚本和样式块。然而,在脚本块内,使用 VS Code,您可以折叠导出默认部分,其中包含大部分组件逻辑,因此它让我可以更轻松地同时处理模板和样式。

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

© www.soinside.com 2019 - 2024. All rights reserved.