*** 全局安装Element-Plus

1. npm安装

npm install element-plus --save

2. 在main.js中引入以下内容

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')

或

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

createApp(App).use(ElementPlus}.mount('#app')

然后就可以使用element-Plus搭配Vue3了！

官方文档： https://element-plus.org

Vue3---安装Element-Plus组件库相关推荐

asp.net 安装element ui_Vue组件库系列三：打造属于自己的 UI 库文档（新版本的方案）...
上一章介绍了element-ui老版本中md文档构建过程,如果大家认真看了,就会发现在.md文档中还是有一些重复的部分,怎样使文档看着更加简洁,操作更加方便,饿了么团队下了很大的力气做了探索,现在我们 ...
Element UI 组件库分析和二次开发（一）
我的本地开发环境:M1 芯片Mac,node v12.22.10. 一.Element UI 组件库二次开发的大致流程 1. 从 Element 官方 clone 一份 dev 源码到本地 2. 安装 ...
基于vue3的京东nutui组件库的表单校验规则：怎样进行表单验证？怎样只使用指定的某一个规则进行校验呢？
官网: NutUI - 移动端 Vue2.Vue3.小程序组件库京东风格的轻量级移动端 Vue.React 组件库https://nutui.jd.com/#/component/form 用法: ...
分享一个基于Vue3+TS构建Cesium组件库
分享一个基于Vue3+TS构建Cesium组件库点击进入 Vue Cesium官网 //vc-navigation <template><el-row ref="view ...
vue3.0（第九篇）vue3.0可用的组件库
1.Elemnet UI 推出Element Plus 源码地址 https://github.com/element-plus/element-plus 官方网站 https://element-p ...
推荐 8 个支持 Vue3 的前端 UI 组件库，免费开源、漂亮美观，涵盖常用的业务组件
Vue3 正式发布已经快2年了,今年2月也正式变成 Vue 项目的默认版本,今天分享8个优秀的 Vue3 UI 组件库. Element Plus 相关网址:https://www.thosefree ...
Vue3 企业级优雅实战 - 组件库框架 - 4 组件库的 CSS 架构
1 常见的 CSS 架构模式常见的 CSS 架构模式有很多:OOCSS.ACSS.BEM.SMACSS.ITCSS 等,其中 SMACSS 和 ITCSS 很相似.我在企业级项目中最常使用的是简化版 ...
vite + vue3 + storybook + ts 搭建组件库记录
目标只按需引入,不依赖babel-import-plugin 插件. 第三方依赖都不打包. 用原生fetch请求数据. 仅支持esmodule.配置package.json type:"m ...
vue-cli安装、node-sass安装、mintUI组件库安装
其实vue里面很多插件的安装和使用都是类似的,所以这里抛砖引玉,拿出几个案例出来理解一下就好. 1.使用淘宝npm镜像很多安装失败的原因就是因为国内网络限制因素,所以使用淘宝镜像有利于解决这方面问题 ...
Element ui 组件库使用技巧。
按需引入 babel文件配置. 配置 babel.config.js文件可以创建一个js 特意来存放我们需要的 element 组件. 在main.js 文件中全局引入上面存放组件的 js ...

Vue3---安装Element-Plus组件库

*** 全局安装Element-Plus

Vue3---安装Element-Plus组件库相关推荐

最新文章

热门文章