在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項目開發了