《Vue.js 3.x+Element Plus前端开发实战》内容简介

Element Plus是一套采用Vue.js3.x实现的UI组件库，它为开发者、设计师和产品经理提供了配套设计资源，可以帮助网站快速成型。本书详解Vue.js3.x和Element Plus开发方法，配套源码、PPT课件。
本书分为两篇，共14章。第一篇（第1~7章）介绍Vue.js3和Element Plus相关的基础知识，其中包含Vue.js3的基础知识、Vue.js3生态Vue Router和Vuex的相关知识与应用、Element Plus常用组件的使用方法以及Vue.js3和Element Plus配合使用的好处和方法，各章节通过简单的示例，使读者可以快速掌握相关知识；第二篇（第8~14章）讲解如何构建一个功能完整的单页面应用——权限管理系统，为读者掌握Element Plus打下坚实的基础。
本书适合Vue.js3.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、简单认识Element与Element
Plus
1.3、Vue+Element组合开发的优势
1.4、搭建Vue
3.x开发环境
1.5、在Vue中引入Element开发环境
1.6、安装一款顺手的开发工具VScode
1.7、第一个完整版的Vue+Element
Plus示例
第2章：Vue快速入门
2.1、双向数据绑定
2.2、插值
2.3、常用的指令
2.4、组件
第3章：Vue
Router路由管理器
3.1、Vue
Router的实现原理
3.2、Vue
Router的使用方式
3.3、使用路由模块来实现页面跳转的几种方式
3.4、Vue
Router的参数传递
3.5、单页面多路由区域的操作
3.6、Vue
Router配置子路由
3.7、设置404页面
第4章：Vuex全局状态管理模式
4.1、不使用Vuex与使用Vuex的对比
4.2、安装和使用Vuex
4.3、state
4.4、getters
4.5、mutations
4.6、actions
4.7、modules
4.8、mapState、mapGetters、mapMutations和mapActions
第5章：Vue+Element实现列表和分页
5.1、Table组件
5.2、Pagination组件
5.3、实战：数据的列表和分页
第6章：Element的Form表单和Select组件
6.1、Form表单组件
6.2、Select组件
6.3、实战：一个注册和登录页面
第7章：Element的Dialog组件、Message组件和MessageBox组件
7.1、Dialog组件
7.2、MessageBox组件和$alert、$confirm、$prompt
7.3、Message组件和$message
7.4、实战：一个列表的增、删、改、查功能
第二篇
Vue+Element权限管理系统项目实战
第8章：搭建项目基础框架
8.1、项目的说明和用到的技术
8.2、搭建开发环境
第9章：初始化页面布局
9.1、原生样式重置
9.2、初始化页面布局
9.3、头部组件的封装
9.4、登录页面和404页面的实现
9.5、左侧导航栏封装
第10章：实现各模块分页表格展示
10.1、通用分页表格组件的封装
10.2、各模块入口页面的实现
第11章：添加和编辑功能的实现
11.1、系统管理
11.2、应用管理
第12章：删除和其他操作的实现
12.1、删除操作
12.2、绑定资源操作
第13章：个人中心功能的实现
13.1、个人中心布局
13.2、基本资料
13.3、修改密码
13.4、系统消息
第14章：GitHub部署项目
14.1、认识GitHub
14.2、部署项目