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


就这样子,欢迎指正~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容