如何封装elementui

要封装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的组件，并可以在其他项目中使用它们了