element-ui快速入门

官网地址：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>