Vue.js 3.x+Element Plus前端开发实战

Element Plus是一套采用 Vue.js 3.x实现的UI组件库 ，它为开发者、设计师和产 品经理提供了配套设计资源 ，可以帮助网站快速成型。 本书详解Vue.js 3.x和 Element Plus开发方法，配 套源码、PPT课件。 本书分为两篇，共14章 。第一篇（第1～7章）介绍 Vue.js 3和Element Plus相 关的基础知识，其中包含 Vue.js 3的基础知识、 Vue.js 3生态Vue Router和 Vuex的相关知识与应用、 Element Plus常用组件的使 用方法以及Vue.js 3和 Element Plus配合使用的好 处和方法，各章节通过简单 的示例，使读者可以快速掌 握相关知识；第二篇（第8 ～14章）讲解如何构建一个 功能完整的单页面应用—权 限管理系统，为读者掌握 Element Plus打下坚实的基 础。 本书适合Vue.js 3.x +Element Plus前端开发初 学者、Web应用开发人员、 UI设计师和产品经理学习， 也适合作为高等院校相关专 业Web前端开发课程的教材 。

趣千厘，多年Web前端开发工程师，熟练掌握Web前端主流框架及其生态，如Vue、React、Angular、Element UI、Vant UI等，并有丰富的项目实战开发经验，熟练框架选型及应用。目前深耕Vue框架及其生态，前端开发团队负责人及开发主力。

第一篇 Vue 3和Element Plus基础知识 第1章 搭建Vue+Element Plus开发环境 1.1 简单认识Vue 1.2 简单认识Elerment与Elerment Plus 1.3 Vue+Element组合开发的优势 1.4 搭建Vue 3.x开发环境 1.4.1 在不安装Vue的情况下引入Vue 1.4.2 安装Vue的几种方法 1.4.3 Vue框架的内容结构 1.4.4 第一个完整版的Hello Vue示例 1.5 在Vue中引入Element开发环境 1.5.1 在不安装Element的情况下引入Elerment 1.5.2 安装Element的几种方法 1.5.3 完签引入Element 1.5.4 按需引入Element 1.6 安装一款顺手的开发工具VScode 1.6.1 软件安装 1.6.2 插件安装 1.7 第一个完整版的Vue+Element Plus示例 第2章 Vue快速入门 2.1 双向数据绑定 2.2 插值 2.2.1 文本插值 2.2.2 HTML插值 2.3 常用的指令 2.3.1 v-bind 2.3.2 v-on 2.3.3 v-if/v-else-if/v-else/v-show 2.3.4 v-for 2.3.5 v-model 2.3.6 v-html 2.3.7 v-text 2.4 组件 2.4.1 组件的注册 2.4.2 组件的生命周期钩子 2.4.3 组件的通信 第3章 Vue Router路由管理器 3.1 Vue Router的实现原理 3.1.1 Hash模式 3.1.2 HTML 5模式 3.2 Vue Router的使用方式 3.2.1 安装引入 3.2.2 使用Vue Router 3.3 使用路由模块来实现页面跳转的几种方式 3.3.1 router-link标签跳转 3.3.2 JS脚本跳转 3.4 Vue Router的参数传递 3.4.1 字符串 3.4.2 对象 3.5 单页面多路由区域的操作