項目場景：

在使用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

總結

以上是生活随笔為你收集整理的Vue引入element组件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。