1.在src目录下新建一个Element文件夹,新建一个index.js文件
// 导入自己需要的组件
import {
Container,
Header,
Aside,
Main,
Row,
Col,
Menu,
MenuItem,
Input,
Button,
Message,
Table,
TableColumn,
Dialog,
Form,
FormItem,
InputNumber
} from 'element-ui';
const element = {
install: function(Vue) {
Vue.use(Container);
Vue.use(Header);
Vue.use(Aside);
Vue.use(Main);
Vue.use(Row);
Vue.use(Col);
Vue.use(Menu);
Vue.use(MenuItem);
Vue.use(Input);
Vue.use(Table);
Vue.use(Button);
Vue.use(TableColumn);
Vue.use(Dialog);
Vue.use(Form);
Vue.use(FormItem);
Vue.use(InputNumber);
// Vue.use(Message);
Vue.prototype.$message = Message;
}
};
export default element;
然后再在main.js中引入这个文件
import 'element-ui/lib/theme-chalk/index.css';
import element from './element/index';
Vue.use(element);
就可以使用引入得那些element ui 啦