在前端开发中，`element-ui` 是一款非常实用的 UI 框架，但有时我们需要根据项目需求对其进行二次封装，以提高代码复用性和可维护性。那么，如何在 `vue-cli` 项目中实现这一目标呢？以下是简单易懂的操作指南👇：

首先，确保你的项目已正确安装 `element-ui`。接着，在 `src/components` 文件夹下创建一个文件夹（如 `custom-components`），用于存放你封装后的组件。例如，封装一个带有默认样式的按钮组件。

```javascript

// src/components/custom-components/CustomButton.vue

<script>

export default {

name: 'CustomButton',

props: {

type: String, // 定义按钮类型

label: String // 自定义按钮文字

},

methods: {

handleClick() {

this.$emit('click'); // 触发点击事件

}

}

};

</script>

```

通过这种方式，不仅提升了组件的灵活性，还实现了代码的模块化管理。🌟

最后，在其他页面中直接引入并使用该组件即可。例如：

```html

```

如此一来，你的项目将更加高效且易于扩展！🚀