element UI（Vue2）||plus（Vue3）

指南

安装

npm i element-ui -S

引入

在 main.js 添加以下内容

1
2
3
4
5
6
7
8
9
10
11
import Vue from "vue";
import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
import App from "./App.vue";

Vue.use(ElementUI);

new Vue({
  el: "#app",
  render: (h) => h(App),
});

全局配置

在引入 Element 时，可以传入一个全局配置对象。该对象目前支持 size 与 zIndex 字段。size 用于改变组件的默认尺寸，zIndex 设置弹框的初始 z-index（默认值：2000）

1
2
3
import Vue from "vue";
import Element from "element-ui";
Vue.use(Element, { size: "small", zIndex: 3000 });

我们不需要知道如何使用它，只需要知道它有什么组件就可以，请读者查阅官方文档)

我这里列举一些组件：

layout：布局；container：容器；Border：边框；Icon：图标；Button：按钮；Link：文字链接；Form：多选框，输入框，选择器，表单，等等；