vue3.0 で要素を使用するための完全な手順

'element-plus/lib/theme-chalk/index.css' をインポートします。
'element-plus' から ElementPlus をインポートします
 
const app = createApp(App)
app.use(ElementPlus)
app.use(store).use(router).mount('#app')

輸入 {
 // エルアラート、
 エルアサイド、
 // ElAutocomplete、
 // エラバター、
 // エルバックトップ、
 // エルバッジ、
 // エルブレッドクラム、
 // Elブレッドクラムアイテム、
 エルボタン、
 // ElButtonGroup、
 // エルカレンダー、
 // エルカード、
 // エルカルーセル、
 // ElCarouselItem、
 // エルカスケーダー、
 // ElCascaderPanel、
 // Elチェックボックス、
 // Elチェックボックスボタン、
 // ElCheckboxGroup、
 // エルコル、
 // エルコラプス、
 // ElCollapseItem、
 // ElCollapseTransition、
 // ElColorPicker、
 エルコンテナ、
 // ElDatePicker、
 // エルダイアログ、
 // エルディバイダー、
 // エルドローワー、
 エルドロップダウン、
 Elドロップダウンアイテム、
 Elドロップダウンメニュー、
 // エルフッター、
 エルフォーム、
 ElFormItem、
 エルヘッダー、
 // エルアイコン、
 // エルイメージ、
 エル入力、
 // ElInputNumber、
 // エルリンク、
 エルメイン、
 エルメニュー、
 エルメニュー項目、
 ElMenuItemGroup、
 // Elオプション、
 // ElOptionGroup、
 // ElPageHeader、
 // ページネーション、
 ElPop確認、
 // エルポポバー、
 エルポッパー、
 // エルプログレス、
 // エルラジオ、
 // ラジオボタン、
 // エルラジオグループ、
 // エルレート、
 // エルロウ、
 // エルスクロールバー、
 // ElSelect、
 // エルスライダー、
 // エルステップ、
 // エルステップス、
 Elサブメニュー、
 // エルスイッチ、
 エルタブペイン、
 エルタブ、
 // エルテーブル、
 // ElTableColumn、
 // エルタイムライン、
 // Elタイムラインアイテム、
 Elツールチップ、
 // エルトランスファー、
 // エルツリー、
 // エルアップロード、
 // 無限スクロール、
 // ElLoading、
 // エルメッセージ、
 エルメッセージボックス、
 エル通知
} 'element-plus' より
'element-plus/lib/locale/lang/zh-cn' から lang をインポートします。
'element-plus/lib/locale' からロケールをインポートします。
 
エクスポートデフォルト（アプリ）=> {
 ロケールの使用(言語)
 app.use(エルボタン)
 app.use(ElNotification)
 app.use(ElContainer)
 app.use(エルアサイド)
 app.use(ElHeader)
 app.use(ElMain)
 app.use(ElDropdown)
 app.use(ElDropdownItem)
 app.use(ElDropdownMenu)
 app.use(ElTabPane)
 app.use(ElTabs)
 app.use(エルメニュー)
 app.use(ElMenuItem)
 app.use(ElMenuItemGroup)
 app.use(Elサブメニュー)
 app.use(エルツールチップ)
 app.use(ElPopper)
 app.use(ElPopconfirm)
 app.use(ElMessageBox)
 app.use(ElInput)
 app.use(ElForm)
 app.use(ElFormItem)
}