二次封装这些element有哪些具体操作步骤？

本文共计3110个文字，预计阅读时间需要13分钟。

Element UI 本身就提供了强大的组件库。那么，为什么还要进行二次封装呢？在日常开发过程中，部分模块的重复性较高，这时如果不进行封装，就会产生大量重复的代码。这些模块的风格基本上是Element UI 风格。

element-ui 本身就提供了许多强大的组件。那么为什么还要进行二次封装呢？ 在日常的开发过程中，部分模块重复性比较强，这个时候就会产生大量重复的代码。这些模块的样式基本上是比较固定的，而且实现的功能也比较相近。如果每个地方都复制一份相似的代码，既不遵守代码的简洁之道，也不利于后期的维护修改 此外，在一些业务背景下，产品可能会要求设计新的交互。这个时候也可以基于 element-ui 进行二次开发，将其封装成一个新的组件方便多个地方使用

element-ui 因其组件丰富、可拓展性强、文档详细等优点成为 Vue 最火的第三方 UI 框架。element-ui 其本身就针对后台系统设计了很多实用的组件，基本上满足了平时的开发需求。

既然如此，那么我们为什么还要进行二次封装呢？

有以下两种场景

在日常的开发过程中，部分模块重复性比较强，这个时候就会产生大量重复的代码。这些模块的样式基本上是比较固定的，而且实现的功能也比较相近。如果每个地方都复制一份相似的代码，既不遵守代码的简洁之道，也不利于后期的维护修改

此外，在一些业务背景下，产品可能会要求设计新的交互。