有大佬遇到过这个问题吗：vuecli3如何优雅按需引入element?

Question

import{InputNumber,DatePicker,Message,Collapse,CollapseItem,Row,Col,Dialog}from'element-ui';
Vue.prototype.$message=Message
Vue.component(InputNumber.name,InputNumber)
Vue.component(DatePicker.name,DatePicker)
Vue.component(Collapse.name,Collapse)
Vue.component(CollapseItem.name,CollapseItem)
Vue.component(Row.name,Row)
Vue.component(Col.name,Col)
Vue.component(Dialog.name,Dialog)
Vue.component(Message.name,Message)
这种引入方式好烦，有没有优雅一些的？

Answer 1

可以完整引入importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);如果需要按需引入import{Button,Select}from'element-ui';Vue.use(Button).use(Select);use支持链式调用的

Answer 2

用GUI安装的时候，就会给你自动配置,这种方式就挺好的import{InputNumber}from'element-ui';Vue.use(InputNumber).use(DatePicker)