本书是一本全面、深入介绍Vue.js 3和TypeScript前端开发技术的图书。本书详细介绍了Vue.js 3的新特性与优势，包括模板语法、内置指令、Options API、组件化、过渡动画、Composition API、Vue Router、Vuex等核心知识点；TypeScript的基础和进阶知识，包括数据类型、类型别名、联合类型、类型断言、函数类型、类、接口、泛型、类型声明等内容。此外，本书还深入探讨了前端工程化、第三方库的集成与使用、企业级管理后台的实现和自动化部署等内容，以及如何从零开始实现一个Mini-Vue.js 3框架，以便读者深入理解Vue.js 3的核心原理。
本书既适合有一定基础的前端开发工程师、Web开发者阅读，也适合作为初学者学习Vue.js 3和TypeScript的入门教材。本书旨在帮助读者全面理解Vue.js 3和TypeScript的使用方法和原理，掌握实用的知识和技能，提高前端开发水平。

王红元，担任广州市弘源科教软件有限公司CEO、澳大利亚The WAIN公司CTO，作为腾讯AI高校训练营的特聘讲师，曾为多所双一流高校授课。在国内外大型项目和软件系统中，负责架构设计和研发工作，曾兼任多家公司的技术顾问，协助解决开发过程中的关键问题。精通多种编程语言，包括C/C++、Python、Java、Objective-C、Swift、JavaScript和TypeScript等，对即时聊天和流媒体技术有深入研究。目前致力于不断提高自身技能，为企业、开源社区及学员做出更多贡献。

1 邂逅和初体验Vue.js
1.1 认识Vue.js
1.2 Vue.js与其他框架的对比
1.2.1 Vue.js、React和Angular三大框架对比
1.2.2 三大框架使用数据对比
1.3 Vue.js 2的缺点
1.4 Vue.js 3带来的新变化
1.5 搭建开发环境
1.5.1 VS Code的下载和安装
1.5.2 VS Code的基本配置
1.5.3 VS Code安装插件
1.6 Vue.js 3的安装和使用
1.6.1 使用CDN引入Vue.js 3
1.6.2 下载Vue.js 3源码并在本地引入
1.7 计数器案例
1.7.1 原生JavaScript实现计数器
1.7.2 用Vue.js 3实现计数器
1.7.3 MVVM架构模式
1.8 createApp的对象参数
1.8.1 template属性
1.8.2 data属性
1.8.3 methods属性
1.8.4 其他属性
1.9 VS Code生成代码片段
1.10 本章小结
2 模板语法和内置指令
2.1 插值语法
2.2 基本指令
2.2.1 v-once
2.2.2 v-text
2.2.3 v-html
2.2.4 v-pre
2.2.5 v-cloak
2.3 v-bind
2.3.1 绑定基本属性
2.3.2 绑定class属性
2.3.3 绑定style属性
2.3.4 动态绑定属性
2.3.5 绑定一个对象
2.4 v-on
2.4.1 绑定事件
2.4.2 事件对象和传递参数
2.4.3 修饰符
2.5 条件渲染
2.5.1 v-if和v-else
2.5.2 v-if和template结合使用
2.5.3 v-show
2.5.4 v-show和v-if的区别
2.6 列表渲染
2.6.1 v-for的基本使用
2.6.2 v-for支持的类型
2.6.3 v-for和template结合使用
2.6.4 数组的更新检测
2.7 key和diff算法
2.7.1 认识VNode和VDOM
2.7.2 key的作用和diff算法
2.7.3 没有key时的diff算法操作
2.7.4 有key时的diff算法操作
2.8 本章小结
3 Vue.js 3的Options API
3.1 计算属性
3.1.1 认识计算属性
3.1.2 计算属性的基本使用
3.1.3 计算属性和methods的区别
3.1.4 计算属性的setter和getter
……
4 v-model和表单输入
5 Vue.js 3组件化开发
6 前端工程化
7 Vue.js 3组件化基础详解
8 Vue.js 3组件化进阶详解
9 Vue.js 3实现过渡动画
10 Vue.js 3 Composition API详解
11 Vue.js 3组件化高级详解
12 Vue Router路由
13 Vuex状态管理
14 TypeScript的基础详解
15 TypeScript的进阶详解
16 第三方库的集成与使用
17 后台管理系统
18 自动化部署
19 手写Mini-Vue.js 3框架