前言

在实现轮播图显示的时候，想到的使用elmentUI的走马灯，但是在使用过程中通常会碰到几个坑：比如说elementUI对Vue3的支持与Vue2会有所不同等

如何在Vue3中引入elementUI

方法一：安装element plus
安装
npm install element-plus --save
引入

import { createApp } from 'vue'
import ElementPlus from 'element-plus';//1.引入组件
import 'element-plus/lib/theme-chalk/index.css';//2.引入CSS
import App from './App.vue';

const app = createApp(App)
app.use(ElementPlus)//3.使用组件（就这3条，其他是main.js默认存在的）
app.mount('#app')

方法二：官方支持引入
安装

vue create my-app
cd my-app
vue add element

引入

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'vue3-carousel/dist/carousel.css';

const app = createApp(App)
app.use(ElementPlus)
import App from './App.vue' 

createApp(App).mount('#app')

安装官方支持报错解决方法

通过管理员打开 powershell，执行：set-ExecutionPolicy RemoteSigned

Vue3+elementUI实现轮播图遇到的坑

前言

如何在Vue3中引入elementUI