57uv6Z6g55qE5Y2a5a6i

MS4wLjABAAAA5qMD8Gzdcgq7HXUOviKB59i0-ybJ59jJvNzyaPt5XOsVNqP6DU7WLcoAXvdxvYdp💗
本站所有文章仅作技术研究，请勿非法破坏，请遵守相关法律法规，后果自负

【笔记】ElementUI学习笔记

发表于 2025-10-27 更新于 2025-12-19 阅读次数：

前言

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库（官网）

下载依赖

Vue2

1	npm install element-ui

引入并注册组件

全量引入

import Vue from "vue"
import App from "./App.vue"
import ElementUI from "element-ui"
import "element-ui/lib/theme-chalk/index.css"

Vue.config.productionTip = false
Vue.use(ElementUI);

const app = new Vue({
  render: h => h(App),
});
app.$mount('#app');

按需引入

官网文档

使用组件

1
2
3

<template>
  <el-button type="primary"></el-button>
</template>

完成

0%