Element UI 组件封装指南：创建可复用组件库

要封装 Element UI，您可以按照以下步骤进行操作：

创建一个新的文件夹，命名为'element-ui-components'。
在该文件夹中，创建一个新的文件夹，命名为'src'。在'src'文件夹中，创建一个新的文件，命名为'index.js'。

在'index.js'中，引入 Element UI 的组件和样式。例如：

import Vue from 'vue'
import {
  Button,
  Input,
  ...
} from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(Button)
Vue.use(Input)
...

在'src'文件夹中，创建一个新的文件夹，命名为'components'。在'components'文件夹中，创建一个新的组件文件，命名为'HelloWorld.vue'。

在'HelloWorld.vue'中，编写您的组件代码。例如：

<template>
  <div>
    <el-button type='primary'>{{ message }}</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello World!'
    }
  }
}
</script>

在'index.js'中，引入并注册您的组件。例如：

import HelloWorld from './components/HelloWorld.vue'

const components = [
  HelloWorld,
  ...
]

const install = function(Vue) {
  components.forEach(component => {
    Vue.component(component.name, component)
  })
}

if (typeof window !== 'undefined' && window.Vue) {
  install(window.Vue)
}

export default {
  install,
  HelloWorld,
  ...
}

在'element-ui-components'文件夹中，创建一个新的文件，命名为'package.json'。在'package.json'中，配置您的包信息和依赖项。例如：

{
  "name": "element-ui-components",
  "version": "1.0.0",
  "main": "dist/index.js",
  "scripts": {
    "build": "vue-cli-service build --target lib --name element-ui-components src/index.js"
  },
  "peerDependencies": {
    "vue": "^2.6.11",
    "element-ui": "^2.13.2"
  },
  "devDependencies": {
    "vue-cli-service": "^4.5.13"
  }
}

在'element-ui-components'文件夹中，打开终端并执行以下命令来安装依赖项：
```
npm install
```
在'element-ui-components'文件夹中，打开终端并执行以下命令来构建您的组件库：
```
npm run build
```
构建完成后，'dist'文件夹将包含一个'index.js'文件和一个'element-ui-components.css'文件。您可以将这些文件发布到 npm 上，或者将它们复制到您的项目中使用。

现在，您已经成功地封装了 Element UI 的组件，并可以在其他项目中使用它们了。