ElementUi【饿了么ui】

简介

饿了么出品的ui组件库,主要是用来做前端页面的这么一个组件库。在此组件库中有丰富的页面组件,使用时直接将需要的组件代码复制进去即可;

官网地址:https://element-plus.org/zh-CN/

快速入门

plain 复制代码
npm install element-plus --save

全局引用:

plain 复制代码
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'
//通过 createApp 创建Vue实例 对象
const vm = createApp(App);

vm.use(ElementPlus)
// 通过   mount 绑定页面的容器 id="app"
vm.mount('#app')

部分引用:

plain 复制代码
<template>
  <el-button>我是 ElButton</el-button>
</template>
<script>
  import { ElButton } from 'element-plus'
  export default {
    components: { ElButton },
  }
</script>
相关推荐
程序员黑豆12 小时前
鸿蒙应用开发:Grid组件实现九宫格布局教程
前端·华为·harmonyos
浮江雾13 小时前
Flutter第十七节-----路由管理(3)
android·开发语言·前端·javascript·flutter·入门
阿懂在掘金13 小时前
企业级命令式弹窗方案:三行代码适配已有 Dialog
前端·vue.js·前端框架
Revolution6113 小时前
测试接口为什么进了生产包:前端环境变量到底在什么时候生效
前端·前端工程化
午安~婉13 小时前
Git中SSH连接
前端·git·gitee
盏灯13 小时前
mac 外接磁盘,热更新失效
前端·后端
那些年丶ny13 小时前
颜色扩展库
前端·javascript·数据可视化
ihuyigui13 小时前
海外签收通知短信接口
android·java·开发语言·前端·数据库·后端
YWL13 小时前
OpenLayers + Vue 2 使用指南(01)
前端·javascript·vue.js
暖和_白开水14 小时前
数据分析agent (七):contextvars 模块上下文request_id
java·前端·数据分析