当前位置: 首页 > 知识库问答 >
问题:

前端 - 一个vue项目,怎么判断什么情况需要封装?

司马飞
2023-06-19

什么时候封装组件

共有3个答案

东郭勇
2023-06-19

弹出框,tab页,里面内容多就封装,否则全写一个组件里面太复杂了

马绪
2023-06-19

如果说登录页有登录和注册功能两个功能可切换的话,可以做成两个登录和注册的组件。

好处就是组件功能明确,html和js的内容都不会很多,可读性强。
坏处就是组件内容太少导致会有很多个小组件封装成大组件,导致组件文件过多有性能压力(不过可以多用异步组件、单文件拆分小组件等方式解决)

所以封装组件时需要代码风格,其次就是使用频率

暨鹭洋
2023-06-19

我的原则是:

  1. 第一次使用,不封装。二次,可以考虑。三次以上,必须封装。
  2. 单一组件总行数 200 以下,不封装。400,可以考虑。500+,拆分成若干子组件。
  3. 函数同上。
  4. 其它项目用,封装。
 类似资料:
  • 代码如下: 功能点是localStorage存的值 赋值到 row.processName 这样写是错的,请问大佬们,没有被修改过的值保留row.processName,修改了后走myName的值 比如修改这个

  • element-plus vue scss项目,什么情况下需要添加命名空间啊,vue组件内的样式不是已经添加了属性选择器吗,那什么场景下需要添加自定义命名空间呢 不太懂什么场景需要

  • 怎么把vue项目部署服务器?需要装哪些东西?

  • 两个vue组件功能一套代码,第一个组件是如下 代码如下: 第一个 组件打印fkCateList出来这样的格式 用JSON.parse(this.transferParams.fkCateList) 第二个是组件打印出来是 这样的格式 第二个是组件打印出来报错了,如下图 大佬们,遇到这种问题要解决呢,现在是通用的代码下,怎么修改呢

  • 问题内容: 因此,通过阅读一些文章,我得到的信息是能够实时修改字段并为类设置值,而无需重新编译。 所以有可能对没有源代码的第三方Java库创建的类执行此操作/是否可以在运行时使用反射来修改类实例? 在其他哪些情况下,通常还会使用反射? 我试图了解反射如何适用。 问题答案: 任何时候您在运行时处理字符串,并希望将该字符串的一部分视为语言中的标识符。 远程过程调用-将通过网络接收的消息的一部分视为方法

  • 功能点是点击搜索id后,input框清空,再次输入相同的值就提示已有相同的值 代码如下: 期望如果重复的id 就提示 相同的id,也就不调接口了