vue整合ElementUI(適合新手快速入門)
vue整合ElementUI
1、安裝
這裡我使用的是vs開啟的vue專案，黑視窗模式進入專案路徑也可。
npm i element-ui -S
執行完上述命令。
2、引入Element
這裡我直接完整引入，當然大家也可以按需引入。
在專案的 main.js中寫入以下內容：
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
3、測試
在ElementUI官網上看到這樣一個例項，我們試著執行它看看。
檢視它的程式碼，將它的程式碼複製到我們的App.vue檔案中
在終端執行命令npm run dev
檢視網站
證明整合ElementUI已經成功了~大家可以試著去玩玩。
相關文章
- 適合新手入門Spring Security With JWT的demoSpringJWT
- 掌握了這些Vue指令，才算是入門Vue.js了，適合新手收藏【精心整理】Vue.js
- 最適合新手入門的SpringCloud教程 7—OpenFeign「F版本」SpringGCCloud
- Vue快速入門Vue
- Xposed快速入門例子（二）----- 調方法的合適時機
- Vue快速入門（二）Vue
- Vue入門指南(快速上手vue)Vue
- 【Linux入門知識】最適合新手使用的Linux作業系統！Linux作業系統
- 推薦：一個適合於Python新手的入門練手專案Python
- SpringBoot整合RabbitMQ(一)快速入門Spring BootMQ
- vue 快速入門 系列 —— 模板Vue
- Vue.js快速入門Vue.js
- vue 快速入門 系列 —— vue-routerVue
- Vue-vue基礎快速入門Vue
- vue 快速入門 系列 —— vue loader 上Vue
- vue 快速入門 系列 —— vue loader 下Vue
- Vue.js新手入門指南[轉載]Vue.js
- 快速入門 React hooks + 後端整合ReactHook後端
- vue 快速入門 系列 —— vue-cli 下Vue
- vue 快速入門 系列 —— vue-cli 上Vue
- git命令使用（適合新手）Git
- Vue入門到關門之第三方框架elementuiVue框架UI
- Vue3快速入門教程Vue
- 快速入門vue-cli配置Vue
- vue 快速入門 系列 —— vue loader 擴充套件Vue套件
- 新手學習Java，如何快速從入門到精通！Java
- 新手入門 如何快速找到Python進階路線?Python
- vue 快速入門 系列 —— Vuex 基礎Vue
- vue 快速入門 系列 —— 虛擬 DOMVue
- Vue入門指南-07 Vue中的元件(快速上手vue)Vue元件
- Vue入門指南-01建立vue例項 (快速上手vue)Vue
- vue3 快速入門系列 —— vue3 路由Vue路由
- vue 快速入門 系列 —— Vue(自身) 專案結構Vue
- Util應用框架快速入門(4) - 整合測試開發入門框架
- 如何合併視訊？是否適合新手操作？
- Linux運維新手如何快速入門？Linux學習方法Linux運維
- typer 新手入門
- **Git新手入門**Git