在vue項目中快速使用element UI

推薦使用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項目開發了