Vue之vue项目引入并使用ElemntUI组件

1、用vue-cli生成项目结构目录

2、使用element-ui前需安装修改的配置：

（1） 安装 loader 模块：

    npm install style-loader -D
    npm install css-loader -D
    npm install file-loader -D

（2）安装 Element-UI 模块

   npm install element-ui --save

（3） 修改 webpack.base.conf.js 的配置:添加如下的代码

{
  test: /\\\\\\\\.css$/,
  loader: 'style!css'
},
{
  test: /\\\\\\\\.(eot|woff|woff2|ttf)([\\\\\\\\?]?.*)$/,
  loader: 'file'
},

3、引入Element，前面已经全局安装了element-ui，只需要在Vue项目中引入即可
在src/main.js中引入就可以使用了

 import ElementUI from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
 Vue.use(ElementUI)