nuxt3导入element-plus组件库和图标使用

第一步安装

npm i element-plus @element-plus/nuxt

第二部 配置文件

nuxt.config.ts

export default defineNuxtConfig({

  //模块导入
  modules: [
    '@nuxtjs/style-resources',
    '@element-plus/nuxt',
    
  ],
  css:[
    'element-plus/dist/index.css',
    'element-plus/theme-chalk/display.css',
  ],

})

使用

vue文件中使用

图标使用

注意需要在Home 前面加上ElIcon

<el-icon><ElIconHouse /></el-icon>