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
- Vue快速入門Vue
- 新手入門，如何快速理解JavaScriptJavaScript
- Vue.js新手入門指南Vue.js
- 最適合新手入門的SpringCloud教程 7—OpenFeign「F版本」SpringGCCloud
- Xposed快速入門例子（二）----- 調方法的合適時機
- Vue快速入門（二）Vue
- Vue入門指南(快速上手vue)Vue
- 最適合入門的 Laravel 入門教程 (四)Laravel
- 最適合入門的 Laravel 入門教程 (五)Laravel
- vue 快速入門 系列 —— 模板Vue
- Vue.js快速入門Vue.js
- Vue-vue基礎快速入門Vue
- vue 快速入門 系列 —— vue-routerVue
- 推薦：一個適合於Python新手的入門練手專案Python
- git命令使用（適合新手）Git
- Vue.js新手入門指南[轉載]Vue.js
- vue 快速入門 系列 —— vue loader 上Vue
- vue 快速入門 系列 —— vue loader 下Vue
- vue 快速入門 系列 —— vue-cli 上Vue
- vue 快速入門 系列 —— vue-cli 下Vue
- 快速入門 React hooks + 後端整合ReactHook後端
- Vue入門到關門之第三方框架elementuiVue框架UI
- 【Linux入門知識】最適合新手使用的Linux作業系統！Linux作業系統
- 快速入門vue-cli配置Vue
- Vue3快速入門教程Vue
- SpringBoot整合RabbitMQ(一)快速入門Spring BootMQ
- 持續整合工具TeamCity快速入門
- vue 快速入門 系列 —— 虛擬 DOMVue
- vue 快速入門 系列 —— Vuex 基礎Vue
- 新手學習Java，如何快速從入門到精通！Java
- Vue入門指南-06 Vue中的動畫(快速上手vue)Vue動畫
- Vue入門指南-07 Vue中的元件(快速上手vue)Vue元件
- Vue入門指南-01建立vue例項 (快速上手vue)Vue
- 如何合併視訊？是否適合新手操作？
- ACM入門之新手入門ACM
- vue 快速入門 系列 —— Vue(自身) 專案結構Vue