vue 整合element-ui

本文主要介绍如何在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

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

 

 

4、在界面中添加一个elementUI的按钮<el-button>Welcome</el-button>