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　部署项目