利用vue+elementUI实现部分引入组件的方法详解
前言vue.js的UI组件库,在git上有多个项目,我见的使用者比较多的是iView和Element.两个组件库,组件都很丰富。 官网的介绍
两者各有优缺点,不多评论,根据自己的需求,我最后使用了Element。因为最近公司开发一个很小的后台项目,所以考虑部分引入element的组件,因为第一次单独引入没有经验,网上看了很多都有这样那样的问题,个人感觉官网也没把我说明白(也许自己水平太低了),所以自己研究了一下亲测有效,如有错误欢迎指出。 实现方法1、安装vue-cli 2、创建项目projectName是你项目的名字 3、进入项目目录 4、初始化项目安装依赖 5、安装elementui 6、首先确定项目是否有style-loader和babel-plugin-component 若没有npm一个 7、简单粗暴点,找到.babelrc 把原文件内容全部删除,粘贴下面代码 8、在webpack.base.conf.js加入下面一句 9、在mian.js中引入 10、然后就可以使用Button和Input了 vue引入elementUI 报错在main.js里面引入import 'element-ui/lib/theme-default/index.css'中报错,无法启动项目,这是把package.json里面的webpack改成 总结以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对编程之家的支持。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |