vue+Element搭建后台管理系统(二)如何在vue中使用 elementUI

原创 下一次流星 教程 前端 57阅读 18 天前 举报

上次我们已经搭建好vue框架了,使用vue框架,我们都知道需要相对于的UI框架,这样对我们维护项目等有很大的好处。element-ui是一个ui库,它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。
如果不知道如何快速搭建vue项目的话,可以观看我之前的文章vue+Element搭建后台管理系统(一)快速搭建vue项目框架,写的还是比较详细的。

第一步、安装 elementUI
npm install element-ui -S

第二步、在main.js中引入 elementUI
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)//全局引用 elementUI

第三步、使用 elementUI
接下来可以在components文件夹下的.vue文件中使用 elementUI了

这样我们就简单引入 elementUI,并使用了,更多的组件的使用方式请看 elementUI官方文档 elementUI

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复