不知如何开篇，只能假装自己很懂，先介绍两个概念。(ˉ▽￣)~设计模式官方解释：设计模式代表了最佳实践。作为一名前端白菜，我有一个大概的认识：设计模式其实是代码结构设计中最好的解决方案。大佬们，再看看：有这么一种设计模式——建造者模式（BuilderPattern）：使用多个简单的对象，一步步构建一个复杂的对象。组件化组件化是指在对复杂系统进行解耦时，将多个功能模块拆分重组的过程。目的是解耦：将复杂的系统拆分成多个组件，分离组件边界和职责，便于独立升级和维护。继续浅层理解，就是把复杂的功能拆解成功能单一的小部件。是不是可以这样理解：前端的组件化开发，其实就是建造者模式的实践。实践假设一个需要用户注册功能的场景。需要邮箱作为用户名；需要密码，必须确认密码；有一个昵称，但它是可选的；一个提交按钮。分析显然，这里有两个明显的部分：带标题的输入框和带文本的按钮。那么，我们需要做两部分吗？答案是：不需要！在现实中，按钮肯定是一个需要处理的组件。但是，就目前的场景而言，输入框是我们要拆解的组件。也就是说，拆解的最终目的是为了复用。所以，不BB了~代码开始。编写代码，以vue为例基础组件：components/BaseInput.vue页面参考：pages/register.vue
