开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >专栏 >Vue 使用 element-ui

Vue 使用 element-ui

Demo_Null

发布于 2020-09-28 14:55:54

1K0

发布于 2020-09-28 14:55:54

举报

文章被收录于专栏：Java 学习

1.1 命令行安装

1.1.1 命令

npm i element-ui -S

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

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

1.1.3 使用 element-ui 提供的组件

直接去 element-ui 组件拷贝放到想要的位置即可。

1.1.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"

1.2 图形化界面

在 cmd 中执行 vue ui 可以打开 vue 图形化界面，但是这种方式多没逼格，建议放弃！！！

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020/07/25 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新

LV.

目录

1.1 命令行安装
- 1.1.1 命令
- 1.1.2 导入相关依赖(main.js)
- 1.1.3 使用 element-ui 提供的组件
- 1.1.4 按需导入
1.2 图形化界面