第一步 安装
npm i element-ui -S
第二部 在main.js中引入样式
//main.js
import 'element-ui/lib/theme-chalk/index.css';
第三步 安装
npm install babel-plugin-component -D
第四步 看情况，是否在全局引入（比如一些很多模块都要用到的Button,可在main.js中全局引入）
import Vue from 'vue';
import { Button, Select } from 'element-ui';
import App from './App.vue';
Vue.component(Button.name, Button);
Vue.component(Select.name, Select);
/* 或写为
* Vue.use(Button)
* Vue.use(Select)
*/
new Vue({
el: '#app',
render: h => h(App)
});
有的组件在项目中只要用到一次，那只需在要用到此组件的模块中单独引入
//xxx.vue
<template>
<div>
<el-button type="success">成功按钮</el-button>
<el-transfer v-model="value" :data="data"></el-transfer>
</div>
</template>
<script>
import { Button, Transfer } from 'element-ui';
export default {
data() {
return {};
},
created() {
},
methods: {
},
components:{
[Button.name]:Button,
[Transfer.name]:Transfer
}
};
</script>
