如何在vue3.0项目中集成Element-plus_vue3集成element plus_卖菜的小白的博客-程序员秘密
技术标签： vue面试 vue element-plus
一、Element-plus简介
Element plus是一套为开发者，设计师和产品经理准备的基于vue3.0的桌面端组件库。
之前在vue2中都使用element-ui，而element-plus是针对vue3开发的一个ui组件库。
二、基本使用
安装element-plus
npm install element-plus
2.1、全局引入
一种引入element-plus的方式是全局引入的方式，代表的含义是所有的组件和插件都会背自动注册。
import ElementPlus from 'element-plus'
import 'element-plus/theme-chalk/index.css'
const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')
2.2、局部引入
也就是在开发中使用到某一个组件然后对其进行引入。
2.3、按需导入
首先你需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件.
npm install -D unplugin-vue-components unplugin-auto-import
// vue.config.js
const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const {
ElementPlusResolver } = require('unplugin-vue-components/resolvers')
module.exports = {
// ...
plugins: [
AutoImport({
resolvers: [ElementPlusResolver()],
}),
Components({
resolvers: [ElementPlusResolver()],
}),
],
}
然后在main.ts中引入
import {
createApp } from 'vue'
import App from './App.vue'
import router from './router/index'
import store from './store'
import {
ElButton, ElInput } from 'element-plus/lib/components'
const app = createApp(App)
app.use(router)
app.use(store)
app.component(ElButton.name, ElButton)
app.component(ElInput.name, ElInput)
app.mount('#app')
如果组件太多此时我们应该新建一个文件，来将组件部分抽离出来
智能推荐
Scala 容器基础(十七)：使用filter方法过滤集合元素_scala中filter用法_小丁丁_ddxdd的博客-程序员秘密
来源：https://my.oschina.net/nenusoul/blog/658238Problem 你想要筛选出集合中的一些元素形成一个新的集合，这些元素都是满足你的筛选条件的。Solution 在10.3节中，“选择一个集合方法来解决问题”，大量的方法可以被用来过滤输入集合的元素然后生成新的集合。这一节中展示了filter方法。那么如何正确使用
linux 修改tomcat端口为80,tomcat6 - 如何将Tomcat的端口从8080更改为80？_weixin_39641173的博客-程序员秘密
tomcat6 - 如何将Tomcat的端口从8080更改为80？我想将我的网络应用程序执行为http://localhost。Lokesh Sah asked 2019-05-08T09:41:43Z14个解决方案209 votes1)转到tomcat安装目录下的port=8080文件夹e.g. C:\Tomcat 6.0\conf\2)在port=8080文件中编辑以下标记3)将port=8...
python numpy 基础教程_葫芦赛赛的博客-程序员秘密
python numpy 基础教程 适合新手快速掌握numpy最常见用法。
QGIS的“所谓”python环境配置_董无忧的博客-程序员秘密
最初的弯路一个星期前决定要学QGIS的时候，看了很多在python环境下的配置教程，各种配置path、PYTHONPATH，各种出问题。因为还要用qt designer，要把.ui转换成.py，但QGIS自带的python里只有pyqt5，没有pyqt5-sip和pyqt5-tools，要用qt designer就必须有pyqt5，要用pyqt5就必须装pyqt5-sip，装了pyqt5-sip...
8年Android老码农现身分享：一个月面试6家大厂屡败屡战，那些面试学习上走过的弯路_android 码农-程序员秘密
面试问题汇总某知名在线教育公司介绍一下自己项目中MVP如何实现；自定义View流程；说说项目中遇到的性能优化、内存泄漏和内存溢出；native和h5交互怎么做；事件分发流程；http、https的区别，post、get区别；算法：两个单链表相交，求相交结点；算法：获取单链表倒数第k个元素；著名安全类公司Activity的启动模式和应用场景；Handler机制以及与Message等之间的关系；与Service通信的几种方式，进程间通信和
Unity3D启动报错的解决方案_xiexuan2007的博客-程序员秘密
在Windows Server 2003 下安装好Unity3D，启动时报错--“Failed to initialize unity graphics.”，截图如下： 在网上搜了一下，说是要启用D3D加速，于是dxdiag打开DX诊断工具，发现D3D加速不可用： 继续google，有说可能是显卡没有装好，于是，将显卡驱动升级到最新版本。但是，问题依然没
随便推点
[R语言]调整坐标、设置坐标轴、标题居中_r语言标题居中_scxyz_的博客-程序员秘密
文件‘CF17.kmer’部分内容1 5443123368 2 528695169 3 160011153 4 77087020 5 46315861 6 32563636 7 25100922 8 20807661 9 18321823 10 17008725 11 16532083...
黑马程序员——Java Socket编程_zty447647649的博客-程序员秘密
------Java培训、Android培训、iOS培训、.Net培训、期待与您交流！ -------什么是Socket? Socket可以说是一种针对网络的抽象，应用通过它可以来针对网络读写数据。就像通过一个文件的file handler就可以都写数据到存储设备上一样。根据TCP协议和UDP协议的不同，在网络编程方面就有面向两个协议的不同socket，一个是
HDU 1108 最小公倍数（Gcd 数论）_Cloud97的博客-程序员秘密
最小公倍数Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submission(s): 47936 Accepted Submission(s): 26930Problem Description给定两个正整数，计算这两个数的最小公倍数。Input输入包含
20160918iOS音频开发之资源（AVAsset）与元数据，解决获取资源属性问题（三）_晴天33的博客-程序员秘密
文主要是源码的分析，程序的结果可以查看20160916IOS音频开发之资源与元数据，解决获取资源属性问题(一)的截图，程序成功解决获取媒体元数据的信息，还可以对除了MP3之外的所有资源写入元数据信息。再次回顾我们的问题。先提出一个问题，生活中有很多的媒体格式，mp3，avi，rmvb等等，在苹果环境下主要的媒体格式有4种，QuickTime(mov),MPEG-4 video(mp4,m4v),MPEG-4 audio(m4a),MPEG-Layer III audio(mp3),那么问题来了，假如给你一
flink operator有状态计算_join_null的博客-程序员秘密
https://blog.csdn.net/qq_33689414/article/details/94447732
JavaSE学习笔记（十三）—— StringBuffer_weixin_30377461的博客-程序员秘密
一、StringBuffer概述 String和StringBuffer他们都可以存储和操作字符串，即包含多个字符的字符串数据。不同的是String类是字符串常量，是不可更改的常量，这时因为String底层使用了一个不可变的字符数组(final char[])。 而StringBuffer是字符串变量，它的对象是可以扩充和修改的，因为它底层使用的是可变的字符数组（char[] ...