首页 > 其他 > 详细

在vue项目中快速使用element UI

时间:2017-06-01 16:06:35      阅读:631      评论:0      收藏:0      [点我收藏+]

推荐使用npm安装

1.安装:npm install element-ui -S

2.整体引入:

  在你项目的main.js中写入:

  import ElementUI from ‘element-ui‘

  import ‘element-ui/lib/theme-default/index.css‘

  Vue.use(ElementUI)

3.可以仅引入你需要的部分

  这里需要借助:babel-plugin-component

  所以我们要先安装:babel-plugin-component

  npm install babel-plugin-component -D

  然后修改.babelrc

  在env的test中增加"libraryName": ["element-ui"],这项配置

  技术分享

  然后你就可以向下面这样,单独使用部分组件啦

  import { Button, Select } from ‘element-ui‘//这里我们仅引用了Button, Select这两个组件

  import ‘element-ui/lib/theme-default/index.css‘

  Vue.use(Button)

  Vue.use(Select)

5.到此我们就可以使用element-ui来进行我们的vue项目开发了

 

在vue项目中快速使用element UI

原文:http://www.cnblogs.com/songdongdong/p/6929037.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!