ElementUi【饿了么ui】

Stringzhua2025-10-16 11:17

简介

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

快速入门

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>