第一部分 理论入门
- 介绍
- 小册的目的和内容概述
- Vue 3 的重要性和优势
- Vue 3 概览
- Vue 3 新特性简介
- Vue 2 和 Vue 3 的主要区别
- Vue 3 的生态系统
- 开发环境配置
- 安装 Vue 3
- 配置开发环境和工具
第二部分 自定义 hook 编写技巧
- 组合式 API 的基本使用
ref 与 reactive：响应式基础 computed：计算属性 watch与watchEffect：响应式侦听
-
vue2 中组件复用状态逻辑的方法
-
vue3 中组件复用状态逻辑的方法
-
自定义 hooks 的编写技巧1 - 返回 ref
-
自定义 hooks 的编写技巧2 - 接收 ref
-
自定义 hooks 的编写技巧3 - 返回组件
-
自定义 hooks 的编写技巧4 - 接收组件
-
自定义 hooks 的编写技巧5 - 条件语句下的 hook
-
工具函数和自定义 hook 的对比
-
react hook 和 vue3 hook 的对比
指令和 hook
第三部分 实战案例
-
使用 hook 管理全局状态
-
自定义 hook 和 pinia 结合使用
-
使用自定义hook 和 vue-router 结合使用
-
封装一个好用的 useHttp
useDebounce 和 useThrottle useInterval
第四部分 总结和展望
-
常用 hooks 推荐
-
小册总结
-
hook 和 renderLess 组件
第一部分：理论基础 组合式 API 回顾 Vue 3 中的组合式 API 概述 setup 函数和响应式原理回顾 自定义组合式函数概述 什么是自定义组合式函数 自定义组合式函数的作用和优势 第二部分：编写自定义组合式函数 基础用法 创建自定义组合式函数的基本步骤 使用示例：共享逻辑的场景 参数和返回值 自定义组合式函数的参数类型和约定 返回值的处理和使用技巧 复用逻辑 提取重复逻辑到自定义组合式函数 如何设计可复用的自定义组合式函数 第三部分：进阶技巧 组件通信 自定义组合式函数和组件通信的最佳实践 参数传递和事件触发 响应式处理 在自定义组合式函数中处理响应式数据 使用 ref、reactive 等API 生命周期模拟 模拟 Vue 生命周期钩子在自定义组合式函数中的应用 基于生命周期的逻辑抽象 第四部分：案例实战 实用案例展示 实战一：用户认证逻辑 实战二：表单验证逻辑 实战三：全局状态管理 复杂场景处理 复杂场景下的自定义组合式函数设计 跨组件逻辑处理 结语和附录 总结和展望 自定义组合式函数的优势和应用范围 未来自定义组合式函数的发展趋势 附录 自定义组合式函数 API 参考手册 示例代码和项目链接