vue 整合element-ui

时间:2021-10-16 11:07:44
本文主要介绍如何在vue框架中结合elementUI。
本文主要参考:
http://element-cn.eleme.io/#/zh-CN/component/quickstart
1、阅读本文前请先阅读 http://www.cnblogs.com/caiba/p/8821841.html
2、在阅读上述文章后,已经能够搭建一个简单的vue程序的框架了。下面就把elementUI结合进去。
执行命令:
npm i element-ui -S
vue 整合element-ui
3、在main.js中添加element-ui模块,并且使用这个模块
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI);
Vue.config.productionTip = false
vue 整合element-ui
4、在界面中添加一个elementUI的按钮<el-button>Welcome</el-button>
vue 整合element-ui