VUE3引入element-plus图标

1.是否在引用页面单独import图标

import {CirclePlus,Remove,Search,BottomLeft,TopRight,Edit,Picture}from'@element-plus/icons-vue';

2.是否在main.js文件引入elment-plus

import App from './App.vue'
import router from './router'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import store from "core-js/internals/shared-store";
import './assets/global.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import axios from "axios";
const app = createApp(App)
app.mount('#app');            //将这个vue3app全局挂载到#app元素上
app.config.globalProperties.$api=axios;  //配置axios的全局引用
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}
createApp(App).use(store).use(router).use(ElementPlus).mount('#app')

3.是否在引用页面写明组件

  name:"Home",
  components:{ref,CirclePlus,Remove,Search,BottomLeft,TopRight,Edit,Picture}
  }```