更新时间：2023-07-17 19:27:06
封面
版权信息
内容简介
前言
第一篇 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.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的情况下引入Element
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 单页面多路由区域的操作
3.6 Vue Router配置子路由
3.7 设置404页面
第4章 Vuex全局状态管理模式
4.1 不使用Vuex与使用Vuex的对比
4.2 安装和使用Vuex
4.2.1 直接下载/CDN引入
4.2.2 npm/yarn安装
4.2.3 Vue CLI安装
4.3 state
4.3.1 state的定义
4.3.2 state的访问
4.4 getters
4.5 mutations
4.5.1 定义mutations
4.5.2 提交mutations
4.6 actions
4.6.1 注册actions
4.6.2 分发actions
4.7 modules
4.8 mapState、mapGetters、mapMutations和mapActions
第5章 Vue+Element实现列表和分页
5.1 Table组件
5.1.1 Table组件的引入方式
5.1.2 Table组件的使用
5.2 Pagination组件
5.2.1 Pagination组件的引入方式
5.2.2 Pagination组件的用法
5.3 实战：数据的列表和分页
第6章 Element的Form表单和Select组件
6.1 Form表单组件
6.1.1 Form组件的引入方式
6.1.2 Form组件的使用
6.2 Select组件
6.2.1 Select组件的组成和引入方式
6.2.2 Select组件的使用
6.3 实战：一个注册和登录页面
第7章 Element的Dialog组件、Message组件和MessageBox组件
7.1 Dialog组件
7.1.1 Dialog组件的引入和结构
7.1.2 Dialog组件的使用
7.2 MessageBox组件和$alert、$confirm、$prompt
7.2.1 MessageBox组件的引入
7.2.2 MessageBox的使用
7.3 Message组件和$message
7.3.1 Message组件的引入
7.3.2 Message组件的使用
