前言

隨著互聯網前端行業的發展，涌現出了很多優秀的前端框架，Vue.js、Angular.js和React.js并稱前端主流三大框架。三大框架各有優劣，其中Vue.js（業內簡稱Vue，本書也用Vue表示Vue.js）以其輕量、易上手、學習成本低，廣受新手或需要快速搭建開發環境的開發者的青睞。伴隨著前端框架的流行和社區的活躍，也涌現出了大量適合這些框架的插件或依賴，比較常用的插件包含可以快速進行界面美化的UI框架。適合Vue.js的UI框架也很多，比如Element、Ant Design Vue、Vant等，既有適合桌面端的框架，也有適合移動端的框架，而最適合初學者上手的當屬餓了么公司前端團隊研發的Element UI組件庫。

Element UI組件庫提供了豐富的UI組件，如按鈕、圖標、菜單、表單等可以滿足大部分常用業務的需求，讓開發者省去大量的樣式調整工作，可專注于業務邏輯；同時，Element UI也是Vue社區使用率最高的UI框架，可見它簡單和容易上手。因此，Vue與Element搭配開發成為很多Vue框架開發者入門的標準技能。

本書內容

本書分為兩篇，共14章。第一篇（第1～7章）介紹Vue 3.x和Element Plus相關的基礎入門知識，內容包括搭建Vue+Element Plus開發環境，Vue快速入門，Vue Router路由管理器，Vuex全局狀態管理模式，Vue+Element實現列表和分頁，Element的Form表單和Select組件，Element的Dialog組件、Message組件和MessageBox組件；第二篇（第8～14章）講解如何構建一個功能完整的單頁面應用——權限管理系統，內容包括搭建項目基礎框架、初始化頁面布局、實現各模塊分頁表格展示、添加和編輯功能的實現、刪除和其他操作的實現、個人中心功能的實現、GitHub部署項目。

配套資源下載

本書示例源碼請用微信掃描下面的二維碼獲取，也可按掃描后的頁面提示把下載鏈接轉發到你的郵箱中下載。如果有疑問或建議，請用電子郵件聯系booksaga@163.com，郵件主題寫“Vue.js 3.x+Element Plus前端開發實戰”。

本書讀者

●　Vue.js前端開發初學者。

●　Element Plus前端開發初學者。

●　Web應用開發人員。

●　UI設計師。

●　產品經理。

●　高校Web前端開發課程的師生。

編者

2022年8月