vue 项目按需引入 element-ui

1、安装 element-ui 

命令：npm i  element-ui  -S

安装 elemen-ui

安装命令执行成功之后，会在 node_dodules 中找到下载 element-ui 的包

element-ui的依赖包

也可以在 packge.json 中找到 element-ui

element-ui

2、在main.js文件中 引入 element 组件

    全部引入：

     import ElementUI from 'element-ui' 

     import 'element-ui/lib/theme-chalk/index.css' 

     Vue.use(ElementUI)

    按需引入：

方式一：

         在入口文件

        //样式文件，需单独引入

        import 'element-ui/lib/theme-chalk/index.css';

        import element from '../src/common/js/elemet.js'

         Vue.use( element);

   那么 element 有什么内容呢？

element.js

方式二：

        在入口文件中

        import 'element-ui/lib/theme-chalk/index.css';

        import '@/common/js/elemet.js'

    而此时的 element.js 内容是什么呢？

element.js

就这样子，欢迎指正~