Vue组件的理想尺寸是多少？
石墨
我发现原子和分子的概念非常有趣，但是我无法想象最终会散布到成千上万个原子成分。提出问题的另一种方式是：Vue组件何时变得太大？谢谢您的意见。
达里奥·雷加（DarioRega）
好吧，这取决于很多事情，但是如果您看到正在编写的代码将被重复使用两次以上，我想这是一个好主意。
此外，您还可以考虑清楚性的事实，如果您的组件中包含很多html，出于可读性目的，您可以将该组件分成几部分。
例如，我制作的这个组件，是工作机会，
- 在蓝色矩形中，我们是公司招聘的首字母缩写
- 在深灰色矩形中，占工作的百分比，
- 一个按钮来切换“卡片”并显示完整的工作内容，
- 要约的标题和假定的截止日期。
关门的时候 
然后在切换时 
代码中包含很多html，因此除了保留包含所有内容的Job offer组件外，为了便于阅读，我对其进行了拆分，
JobOffers内总共有5个组件
- 我在网站上的各处重复使用的按钮
- JobAcronym（蓝色矩形）
- JobMeta（标题+截止日期+按钮），在中间
- JobPercentage（深灰色矩形）
- JobContent（richtext组件），在切换时可见
这样做，可以很容易地在我的代码中更容易阅读，人们知道哪一部分是由阅读代码代表的。
当然，它会创建更多的原子和分子，但是如果您创建一个名为JobOffer的目录，并且将所有必需的组件放在里面（通过全局按钮进行操作即可），这不会使您的应用程序难以阅读。
甚至某些组件也没有逻辑，例如JobAcronym和JobPercentage，它们确实包含许多html，如果它们位于JobOffer组件中，则可能会使它们难以阅读。
总而言之，您确实需要选择胆量，如果您发现找不到在哪里进行修改以更改某些ui的麻烦，因为有很多html代码，然后将其拆分即可，即使您不会在其他任何地方重复使用该组件。
重要的是代码的可读性，并且实际上更容易维护。
因此，当您或其他人几个月后回来对它进行一些更新时，他们不会浪费时间尝试猜测哪个部分属于哪里。
我希望它回答了您的问题，并消除了您的疑虑:)
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
反向拉伸使用的图像的理想尺寸是多少
- 2
包装尺寸是多少？
- 3
Hadoop上理想的reducer数量是多少？
- 4
固定线程池的理想大小是多少？
- 5
HBase中单元的理想大小是多少
- 6
HBase中单元的理想大小是多少
- 7
手柄的尺寸是多少？
- 8
OpenCV阳性样本的尺寸是多少？
- 9
show collections返回的尺寸是多少？
- 10
Alfresco化学opencmis会话的理想会话超时是多少？
- 11
Alfresco的化学opencmis会话的理想会话超时是多少？
- 12
android尺寸的屏幕分辨率尺寸是多少
- 13
浮动操作按钮的最佳图像尺寸是多少
- 14
Pytorch中[-1,0]的尺寸范围是多少？
- 15
640x480 JPEG的最大尺寸是多少？
- 16
纹理图集应具有的最大尺寸是多少？
- 17
在HDFS中遇到很多文件时，实际的理想NameNode内存大小是多少
- 18
Python中连接到套接字的线程的理想stack_size是多少？
- 19
为了使用非递归排序方法，数组大小的理想阈值应该是多少？
- 20
基于LSTM的文本生成器的理想验证精度应该是多少？
- 21
Openstack VM上的docker bridge的理想MTU大小应该是多少？
- 22
Redis的理想值大小范围是多少？100KB太大了吗？
- 23
3节点Elasticsearch设置的理想分片数量是多少
- 24
Intel J4205处理器的理想温度是多少？
- 25
CSS3 Hero Image：全屏响应背景的最佳像素尺寸和图像尺寸是多少？
- 26
对于60x60的检测窗口，合理的训练图像尺寸是多少？
- 27
Osmnx中给定边缘属性的度量单位/尺寸是多少
- 28
在Google Slides API中使用createImage时，最大图像尺寸是多少？
- 29
对于给定的分辨率，标准的A4纸张尺寸（以像素为单位）是多少？
我来说两句