什么时候封装组件

我的原则是：

1. 第一次使用，不封装。二次，可以考虑。三次以上，必须封装。
2. 单一组件总行数 200 以下，不封装。400，可以考虑。500+，拆分成若干子组件。
3. 函数同上。
4. 其它项目用，封装。

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

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

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

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

回答