【Vue_07】ElementUI

2021-02-04 14:46:38 浏览数 (1)

一、命令行安装

1. 命令
代码语言:javascript复制
npm i element-ui -S
2. 导入相关依赖(main.js)
代码语言:javascript复制
// 导入组件库
import ElementUI from "element-ui"
// 导入样式
import "element-ui/lib/theme-chalk/index.css"
// 注册为全局组件
Vue.use(ElementUI)
3. 使用 element-ui 提供的组件

拷贝至对应位置

4. 按需导入
代码语言:javascript复制
// 创建 plugins/element.js
import Vue from "vue"
// 按需引入 element-ui 的组件
import { Button, Table } from "element-ui"

// 将组件注册为全局组件
Vue.use(Button)
Vue.use(Table)



// 在 main.js 导入
import "./plugins/element.js"

二、图形化界面

0 人点赞