官网地址:https://element.eleme.cn/#/zh-CN
运行npm安装命令进行安装
npm i element-ui -S
在main.js中引入,这是完整引入,如果只是想用某几个组件可以单独引入
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
Vue.use(ElementUI);
new Vue({
el: '#app',
render: h => h(App)
});
按需引入例子:比如只想引入输入框
import { Input } from 'element-ui';
Vue.use(Input);
在需要使用的组件中使用
<el-input v-model="input" placeholder="请输入内容"></el-input>
<script>
export default {
data() {
return {
input: ''
}
}
}
</script>