vue2+element-ui 记录3

项目引入element-ui框架（仅适用于新手）

1.为vue项目引入element-ui框架非常简单（详细查看element-ui官网）；
2.先输入命令cd my-vue（已在项目文件夹下，则不用操作此步）；
3.输入命令：npm i element-ui -S，安装element-ui前度UI框架；

4.根据elemen-ui官网-快速上手中说明，还需要在项目中安装一个插件，输入命令，npm install babel-plugin-component -D，回车，安装成功；
5.在项目根目录下，找到并打开文件babel.config.js，按照如下配置；
6.在项目的src文件夹下新建一个utils的文件夹，并在此文件夹中新建一个名为elementui.js的js文件，内容如下（这是按需加载element-ui框架的组件，以达到减小项目体积的目的；当然也可以按照官网说的全部引入，按照个人想法，此处我使用按需加载，并引入了几个后面回使用的组件）；

import Vue from 'vue';

import {
    Container, 
    Aside, 
    Header, 
    Main, 
    Footer, 
    Table,
    TableColumn,
} from 'element-ui';
// 项目中所有拥有 size 属性的组件的默认尺寸均为 'mini'，弹框的初始 z-index 为 3000
Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 3000 };

Vue.use(Container);
Vue.use(Aside);
Vue.use(Header);
Vue.use(Main);
Vue.use(Footer);
Vue.use(TableColumn);
Vue.use(Table);

7.输入命令npm start启动项目，看是否报错（我重启后未报错，能正常访问）；

注意点：
1.安装element-ui框架时可能会报错（正常情况不会报错，如报错可以百度求解）；
2.如果要按需加载element-ui的组件，需要先安装babel-plugin-component插件，不然会报错；

活到老，学到老，学无止尽！欢迎大家相互讨论，相互学习！不喜勿喷！