@vue3 element-plus 按需引入，默认英文组件修改为中文_elementplus按需引入国际化

升级到@vue-cli3之后element-ui 也做了相应的升级，这里的版本是："element-plus": "^1.0.2-beta.44"，可能后面的版本不适用此分享出来的方法了。

npm 安装

npm install element-plus --save

*这里讲的是按需引入

//element.js
 
import { ElButton,ElTabs,ElInput,ElForm} from 'element-plus'
 
import 'element-plus/lib/theme-chalk/index.css'
 
const components = [ElButton,ElTabs,ElInput,ElForm]
 
export default (Vue) => {
 
  components.forEach(item => {
 
    Vue.use(item)
 
  })
 
}

//main.js
 
import {createApp} from 'vue'
 
import initElement from './utils/element'
 
const app = createApp(App)
 
initElement(app)
 
app.use(store)
  .use(router)
  .mount('#app')

到这里 element 组件按需引入就完成了

但是这里会出现一个 默认语言是英文的问题，如果不需要修改可以忽略，如果需要修改成中文，在 element.js 文件多引入一个 loacle

//element.js
 
import { ElButton,ElTabs,ElInput,ElForm,locale} from 'element-plus'
 
import 'element-plus/lib/theme-chalk/index.css'
 
import lang from 'element-plus/lib/locale/lang/zh-cn'//国际化
 
locale(lang)//国际化
 
const components = [ElButton,ElTabs,ElInput,ElForm]
 
export default (Vue) => {
 
  components.forEach(item => {
 
    Vue.use(item)
 
  })
 
}

import lang from 'element-plus/lib/locale/lang/zh-cn'//可以根据自身需求来引入对应的语种

可以查看 Element Plus 内置的语言：element-plus国际化