Vue引入element组件

项目场景：

在使用vue写前端页面时，我们可以使用一些组件来帮助我们快速构建前端页面。此时，我们可以使用element，在使用之前，我们需要导入element组件。

---

问题描述

在csdn上寻找一些教程时，我们很容易遇到报错，在csdn上查询为什么报错，跟着修改自己的代码，就会遇到另一个报错，一直修，一直报错，好像永远都修不好自己的代码漏洞。

---

原因分析：

每个项目的代码都不一样，我们对于某些component的取名，对于文件名都不一样，所以直接去拷贝他们的代码，试图去修改自己的bug，这样是很困难的。

---

解决方案：

可以直接对照官网去配置环境，去引入element。

在官网上有详细的完整引入跟按需引入教程，大家可以各取所需。

因为我是新手小白，就直接选择了完整引入，省时省力。

完整引入分为两步：

第一步：在终端安装element

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)
});

官网链接在这：组件 | Element