【Vue_07】ElementUI

用户8250147

发布于 2021-02-04 14:46:38

3480

发布于 2021-02-04 14:46:38

文章被收录于专栏：黑马黑马

一、命令行安装

1. 命令

npm i element-ui -S

2. 导入相关依赖(main.js)

// 导入组件库
import ElementUI from "element-ui"
// 导入样式
import "element-ui/lib/theme-chalk/index.css"
// 注册为全局组件
Vue.use(ElementUI)

3. 使用 element-ui 提供的组件

拷贝至对应位置

4. 按需导入

// 创建 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"