elementplus1. vue3中element-ui的使用 --elementPlus

luanmabug

已于 2022-01-27 01:58:09 修改

阅读量1.3k

点赞数 1

分类专栏： # vue3插件文章标签： vue.js elementui vue3 elementPlus 前端组件库

于 2022-01-16 16:14:55 首次发布

本文链接：https://blog.csdn.net/yangyangdt/article/details/122524517

版权

本文介绍了在 Vue3 项目中如何使用 ElementPlus，包括安装方式——通过 npm 或者插件（未成功），以及按需引入组件的配置。在实际应用中，通过示例展示了如何使用弹出框组件，强调在 Vue3 中无需在 script 标签中添加 ts，且需将 open1 方法置于 methods 内部。

摘要由CSDN通过智能技术生成

#1.vue3中element-ui的使用 --elementPlus

elmentui是一款为vue设计的桌面组件库。vue3使用的是elementPlus.

官网地址

一、安装

1.npm 安装

npm install element-plus --save

2.也可以使用插件安装：（没成功）

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

步骤照着这个填。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mBJUDz27-1642320799763)(1.vue中element-ui的使用教程.assets/image-20220114115944541.png)]

配置：

//main.js
import {
    createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

//1)引入elementui
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

const app=createApp(App)
app.use