element-plus组件的全局引入和自动引入

element-plus 官方文档

一、全局引入

1.安装element-plus

# NPM
$ npm install element-plus --save

# Yarn
$ yarn add element-plus

# pnpm
$ pnpm install element-plus

2.main.ts文件

// main.ts
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'

const app = createApp(App)

app.use(ElementPlus)
app.mount('#app')

3.组件内使用

<template>
  <div class="about">
    <el-button type="primary">哈哈哈</el-button>
    <h1>This is an about page</h1>
  </div>
</template>

二、自动引入

首先你需要安装unplugin-vue-components