循序渐进Vue.js 3.x前端开发实践

张益珲

扉页
版权信息
+书签
内容简介
前言
本书内容
本书特色
读者对象
配书资源
重要说明
致谢
第1章走进Vue 3的新世界
1.1 前端技术演进
1.2 Vue框架的前世今生
1.2.1 准备开发工具
1.2.2 Vue的发展历史
1.2.3 Vue 3.x的新特性
1.3 Vue框架初体验
1.3.1 第一个Vue工程
1.3.2 动手练习：实现一个简单的用户登录页面
1.3.3 为什么使用Vue框架
1.4 小结与上机演练
第2章 Vue模板与应用
2.1 模板基础
2.1.1 模板插值
2.1.2 模板指令
2.2 条件渲染
2.2.1 使用v-if指令进行条件渲染
2.2.2 使用v-show指令进行条件渲染
2.3 循环渲染
2.3.1 v-for指令的使用方法
2.3.2 v-for指令的高级用法
2.4 动手练习：实现待办任务列表应用
2.4.1 步骤一：使用HTML搭建应用框架结构
2.4.2 步骤二：实现待办任务列表的逻辑开发
2.5 小结与上机演练
第3章 Vue组件的属性和方法
3.1 属性与方法基础
3.1.1 属性基础
3.1.2 方法基础
3.2 计算属性和侦听器
3.2.1 计算属性
3.2.2 使用计算属性还是函数
3.2.3 计算属性的赋值
3.2.4 属性侦听器
3.3 进行函数限流
3.3.1 手动实现一个简易的限流函数
3.3.2 使用Lodash库进行函数限流防抖
3.4 表单数据的双向绑定
3.4.1 文本输入框
3.4.2 多行文本输入区域
3.4.3 复选框与单选框
3.4.4 选择列表
3.4.5 3个常用的修饰符
3.5 样式绑定
3.5.1 为HTML标签绑定Class属性
3.5.2 绑定内联样式
3.6 动手练习：实现一个功能完整的用户注册页面
3.6.1 步骤一：搭建用户注册页面
3.6.2 步骤二：实现注册页面的用户交互
3.7 小结与上机演练
第4章处理用户交互
4.1 事件的监听与处理
4.1.1 事件监听示例
4.1.2 多函数处理事件
4.1.3 事件修饰符
4.2 Vue中的事件类型
4.2.1 常用的事件类型
4.2.2 按键修饰符
4.3 动手练习：编写一个随鼠标移动的小球
4.4 动手练习：编写一个弹球游戏
4.5 小结与上机演练
第5章组件基础
5.1 关于Vue应用与组件
5.1.1 Vue应用的创建
5.1.2 定义组件
5.2 组件中数据与事件的传递
5.2.1 为组件添加外部属性
5.2.2 处理组件事件
5.2.3 在自定义组件上使用v-model指令
5.3 自定义组件的插槽
5.3.1 组件插槽的基本用法
5.3.2 多具名插槽的用法
5.4 动态组件的简单应用
5.5 动手练习：编写一款小巧的开关按钮组件
5.6 小结与上机演练
第6章组件进阶
6.1 组件的生命周期与高级配置
6.1.1 生命周期方法
6.1.2 应用的全局配置选项
6.1.3 组件的注册方式
6.2 组件props属性的高级用法
6.2.1 对props属性进行验证
6.2.2 props的只读性质
6.2.3 组件数据注入
6.3 组件Mixin技术
6.3.1 使用Mixin来定义组件
6.3.2 Mixin选项的合并
6.3.3 进行全局Mixin
6.4 使用自定义指令
6.4.1 认识自定义指令
6.4.2 自定义指令的参数
6.5 组件的Teleport功能
6.6 小结与上机演练
第7章 Vue响应式编程
7.1 响应式编程原理与在Vue中的应用
7.1.1 手动追踪变量的变化
7.1.2 Vue中的响应式对象
7.1.3 独立的响应式值Ref的应用
7.2 组合式API与选项式API
7.2.1 关于setup方法
7.2.2 在setup方法中定义生命周期行为
7.3 动手练习：实现支持搜索和筛选的用户列表
7.3.1 常规风格的示例工程开发
7.3.2 使用组合式API重构用户列表页面
7.4 小结与上机演练
第8章动画
8.1 使用CSS3创建动画
8.1.1 transition过渡动画
8.1.2 keyframes动画
8.2 使用JavaScript方式实现动画效果
8.3 Vue过渡动画
8.3.1 定义过渡动画
8.3.2 设置动画过程中的监听回调
8.3.3 多个组件的过渡动画
8.3.4 列表过渡动画
8.4 动手练习：优化用户列表页面
8.5 小结与上机演练
第9章 Vue脚手架Vite工具的使用
9.1 Vite工具入门
9.1.1 使用Vite工具
9.1.2 Vite工程结构解析
9.2 运行Vite项目
9.2.1 模板工程的结构
9.2.2 运行Vite项目工程
9.3 使用依赖与工程构建
9.4 Vite与Vue CLI
9.4.1 Vite与Vue CLI
9.4.2 体验Vue CLI构建工具
9.5 小结与上机演练
第10章基于Vue 3的UI组件库Element Plus
10.1 Element Plus入门
10.1.1 Element Plus的安装与使用
10.1.2 按钮组件
10.1.3 标签组件
10.1.4 空态图与加载占位图组件
10.1.5 图片与头像组件
10.2 表单类组件
10.2.1 单选框与多选框
10.2.2 标准输入框组件
10.2.3 带推荐列表的输入框组件
10.2.4 数字输入框
10.2.5 选择列表
10.2.6 多级列表组件
10.3 开关与滑块组件
10.3.1 开关组件
10.3.2 滑块组件
10.4 选择器组件
10.4.1 时间选择器
10.4.2 日期选择器
10.4.3 颜色选择器
10.5 提示类组件
10.5.1 警告组件
10.5.2 消息提示
10.5.3 通知组件
10.6 数据承载相关组件
10.6.1 表格组件
10.6.2 导航菜单组件
10.6.3 标签页组件
10.6.4 抽屉组件
10.6.5 布局容器组件
10.7 动手练习：教务系统学生表
10.8 小结与上机演练
第11章基于Vue的网络框架Axios的应用
11.1 使用vue-axios请求天气数据
11.1.1 使用互联网上免费的数据服务
11.1.2 使用vue-axios进行数据请求
11.2 Axios实用功能介绍
11.2.1 通过配置的方式进行数据请求
11.2.2 请求的配置与响应数据结构
11.2.3 拦截器的使用
11.3 动手练习：天气预报应用
11.4 小结与上机演练
第12章 Vue路由管理
12.1 Vue Router的安装与简单使用
12.1.1 Vue Router的安装
12.1.2 一个简单的Vue Router的使用示例
12.2 带参数的动态路由
12.2.1 路由参数匹配
12.2.2 路由匹配的语法规则
12.2.3 路由的嵌套
12.3 页面导航
12.3.1 使用路由方法
12.3.2 导航历史控制
12.4 关于路由的命名
12.4.1 使用名称进行路由切换
12.4.2 路由视图命名
12.4.3 使用别名
12.4.4 路由重定向
12.5 关于路由传参
12.6 路由导航守卫
12.6.1 定义全局的导航守卫
12.6.2 为特定的路由注册导航守卫
12.7 动态路由
12.8 动手练习：实现一个多页面单页应用程序
12.9 小结与上机演练
第13章 Vue状态管理
13.1 了解Pinia框架的精髓
13.1.1 理解状态管理
13.1.2 安装与体验Pinia
13.2 Pinia中的一些核心概念
13.2.1 Pinia中的Store
13.2.2 Pinia中的State
13.2.3 Pinia中的Getters
13.2.4 Pinia中的Actions
13.3 Pinia插件
13.3.1 插件使用示例
13.3.2 使用插件扩展Store
13.4 动手练习：创建一个简单的图书管理系统
13.5 小结与上机演练
第14章商业项目：电商后台管理系统实战
14.1 用户登录模块开发
14.1.1 项目搭建
14.1.2 用户登录页面开发
14.2 电商后台管理系统主页搭建
14.2.1 主页框架搭建
14.2.2 完善注销功能
14.3 订单管理模块的开发
14.3.1 使用Mock.js进行模拟数据的生成
14.3.2 编写工具类与全局样式
14.3.3 完善订单管理页面
14.4 商品管理模块的开发
14.4.1 商品管理列表页的开发
14.4.2 新建商品之基础配置
14.4.3 新建商品之价格和库存配置
14.4.4 新建商品之详情设置
14.4.5 添加商品分类
14.5 店长管理模块的开发
14.5.1 店长列表开发
14.5.2 店长审批列表与店长订单
14.6 财务管理与数据统计功能模块开发
14.6.1 交易明细与财务对账单
14.6.2 数据统计模块开发
14.7 小结与上机演练

简介

版权

循序渐进Vue.js 3.x前端开发实践