在vue项目中快速使用element UI

推荐使用npm安装css

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

2.总体引入:git

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

  import ElementUI from 'element-ui' npm

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

  Vue.use(ElementUI)babel

3.能够仅引入你须要的部分ui

  这里须要借助:babel-plugin-componentspa

  因此咱们要先安装:babel-plugin-componentcomponent

  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项目开发了

相关文章
相关标签/搜索