在Vue-cli3.x中引入element-ui的新方式


  今天登上element官网,发现element对vue-cli3.x的项目做了特殊定制:

  

  

  这意味着即使是按需引入,也无需像过去那样手动安装babel-plugin-component,配置babel.config.js了。虽然这两样东西本身也不难。

 

  1.打开控制台,执行vue add element命令,为项目安装element。

  

 

  2.等待其安装完毕,在设置向导中配置引入方式和加载地区。

  

 

  3.在自动安装完依赖后,可以看到相关的文件已经被创建/更新了。

  

 

  4.如果需要按需引入,则去到src目录下自动新建的plugins目录,编辑element.js即可,默认会导入一个Button。这么做的好处是不用把引入的ele组件写在main.js文件下,使各模块更加分离。

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM