封面
版权信息
作者简介
内容简介
前言
第1章 Vue.js概述
1.1 认识MVC和MVVM模式
1.1.1 传统的MVC模式
1.1.2 流行的MVVM模式
1.2 Vue.js简介
1.2.1 Vue.js的由来
1.2.2 Vue.js、前端工程化和Webpack
1.3 Vue.js的安装和导入
1.3.1 通过<script>标签导入
1.3.2 通过npm导入
1.3.3 通过Vue Cli和Vite导入
1.4 Vue 3新特性概览
1.4.1 更快、更小、更易于维护
1.4.2 新特性初体验
1.5 ES 6语言基础
1.5.1 变量声明
1.5.2 模块化
1.5.3 Promise和async/await
1.6 案例：Hello Vue 3
1.7 小结与练习
第2章 Vue.js基础
2.1 Vue.js实例和组件
2.1.1 创建Vue.js实例
2.1.2 用component()方法创建组件
2.1.3 Vue组件、根组件、实例的区别
2.1.4 全局组件和局部组件
2.1.5 组件方法和事件的交互操作
2.1.6 单文件组件
2.2 Vue.js模板语法
2.2.1 插值表达式
2.2.2 指令
2.3 Vue.js的data属性、方法、计算属性和监听器
2.3.1 data属性
2.3.2 方法
2.3.3 计算属性
2.3.4 计算属性和方法
2.3.5 监听器
2.3.6 监听器和计算属性
2.4 案例：Vue 3留言板
2.4.1 功能描述
2.4.2 案例完整代码
2.5 小结与练习
第3章 Vue.js组件
3.1 组件生命周期
3.1.1 beforeCreate和created
3.1.2 beforeMount和mounted
3.1.3 beforeUpdate和updated
3.1.4 beforeUnmount和unmounted
3.1.5 errorCaptured
3.1.6 activated和deactivated
3.1.7 renderTracked和renderTriggered
3.2 组件通信
3.2.1 组件通信概述
3.2.2 父组件向子组件通信
3.2.3 子组件向父组件通信
3.2.4 父子组件的双向数据绑定与自定义v-model
3.2.5 非父子关系组件的通信
3.2.6 provide / inject
3.3 组件插槽
3.3.1 默认插槽
3.3.2 具名插槽
3.3.3 动态插槽名
3.3.4 插槽后备
3.3.5 作用域插槽
3.3.6 解构插槽props
3.4 动态组件
3.5 异步组件和<suspense>
3.6 <teleport>
3.7 Mixin
3.7.1 Mixin合并
3.7.2 全局Mixin
3.7.3 Mixin取舍
3.8 案例：Vue 3待办事项
3.8.1 功能描述
3.8.2 案例完整代码
3.9 小结与练习
第4章 Vue.js组合式API
4.1 组合式API基础
4.2 setup方法
4.2.1 setup方法的参数
4.2.2 setup方法结合模板使用
4.2.3 setup方法的执行时机和getCurrentInstance方法
4.3 响应式类方法
4.3.1 ref和reactive
4.3.2 toRef和toRefs
4.3.3 其他响应式类方法
4.4 监听类方法
4.4.1 computed方法
4.4.2 watchEffect方法
4.4.3 watch方法
4.5 生命周期类方法
4.6 methods方法
4.7 provide / inject
4.8 单文件组件<script setup>
4.9 案例：组合式API待办事项
4.9.1 功能描述
4.9.2 案例完整代码
4.10 小结与练习
第5章 Vue.js动画
5.1 从一个简单的动画开始
5.2 transition组件实现过渡效果
5.3 transition组件实现动画效果
5.4 transition组件同时实现过渡和动画
5.5 transition组件的钩子函数
5.6 多个元素或组件的过渡／动画效果
5.7 列表数据的过渡效果
5.8 案例：魔幻的事项列表
5.8.1 功能描述
5.8.2 案例完整代码
5.9 小结与练习
第6章 Vuex状态管理
6.1 什么是“状态管理模式”
6.2 Vuex概述
6.2.1 Vuex的组成
6.2.2 安装Vuex
6.2.3 一个简单的store
6.3 state
6.4 getters
6.5 mutation
6.6 action
6.7 modules
6.8 Vuex插件
6.9 在组合式API中使用Vuex
6.10 Vuex适用的场合
6.11 Pinia介绍
6.12 案例：事项列表的数据通信
6.12.1 功能描述
6.12.2 案例完整代码
6.13 小结与练习
第7章 Vue Router路由管理
7.1 什么是单页应用
7.2 Vue Router概述
7.2.1 安装Vue Router
7.2.2 一个简单的组件路由
7.3 动态路由
7.3.1 动态路由匹配
7.3.2 响应路由变化
7.4 导航守卫
7.4.1 全局前置守卫
7.4.2 全局解析守卫
7.4.3 全局后置钩子
7.4.4 组件内的守卫
7.4.5 路由配置守卫
7.5 嵌套路由
7.6 命名视图
7.7 命名路由
7.8 编程式导航
7.9 路由组件传参
7.10 路由重定向、别名及元信息
7.10.1 路由重定向
7.10.2 路由别名
7.10.3 路由元数据
7.11 Vue Router的路由模式
7.12 滚动行为
7.13 keep-alive
7.13.1 keep-alive缓存状态
7.13.2 利用元数据meta控制keep-alive
7.14 路由懒加载
7.15 在组合式API中使用Vue Router
7.16 案例：Vue Router路由待办事项
7.16.1 功能描述
7.16.2 案例完整代码
7.17 小结与练习
第8章 Vue Cli工具
8.1 Vue Cli概述
8.2 Vue Cli的安装和使用
8.2.1 初始化项目
8.2.2 启动项目
8.2.3 使用vue ui命令打开图形化界面
8.3 Vue Cli自定义配置
8.3.1 configureWebpack配置
8.3.2 chainWebpack配置
8.3.3 其他配置
8.4 案例：Vue Cli创建待办事项
8.5 小结与练习
第9章 Vite工具
9.1 Vite概述
9.1.1 怎么区分开发环境和生产环境
9.1.2 什么是Rollup
9.2 Vite的安装和使用
9.2.1 初始化项目
9.2.2 启动项目
9.2.3 热更新
9.3 Vite自定义配置
9.3.1 静态资源处理
9.3.2 插件配置
9.3.3 服务端渲染配置
9.4 Vite与Vue Cli
9.4.1 Vite和Vue Cli的主要区别
9.4.2 Vite和Vue Cli哪个性能更好
9.4.3 在实际项目中如何选择
9.5 案例：Vite创建待办事项
9.6 小结与练习
第10章 Vue.js服务端渲染
10.1 服务端渲染概述
10.1.1 客户端渲染
10.1.2 服务端渲染
10.2 Vue服务端渲染改造
10.2.1 同构问题
10.2.2 二次渲染
10.2.3 基于Vite的服务端渲染概述
10.2.4 创建Vite项目
10.2.5 改造main.js
10.2.6 创建Node.js服务server.js
10.2.7 生产模式服务端渲染
10.2.8 优化package.json命令完成改造
10.3 编写通用的代码
10.3.1 服务端的数据响应性
10.3.2 组件生命周期钩子
10.3.3 访问特定平台的API
10.4 预渲染
10.5 Nuxt.js介绍
10.6 案例：服务端渲染待办事项
10.6.1 功能描述
10.6.2 案例完整代码
10.7 小结与练习
第11章 Vue 3核心源码解析
11.1 源码目录结构解析
11.1.1 下载并启动Vue 3源码
11.1.2 目录模块
11.1.3 构建版本
11.2 面试高频响应式原理
11.2.1 Proxy API
11.2.2 Proxy和响应式对象reactive
11.2.3 ref()方法运行原理
11.3 大名鼎鼎的虚拟DOM
11.3.1 什么是虚拟DOM
11.3.2 Vue 3虚拟DOM
11.3.3 获取<template>的内容
11.3.4 生成AST
11.3.5 生成render方法字符串
11.3.6 得到最终的VNode对象
11.4 双向绑定的前世今生
11.4.1 响应式触发
11.4.2 生成新的VNode
11.4.3 虚拟DOM的diff过程
11.4.4 完成真实DOM的修改
11.5 <keep-alive>的魔法
11.5.1 LRU算法
11.5.2 缓存VNode对象
11.6 小结与练习
第12章 实战项目：豆瓣电影评分系统
12.1 开发环境准备
12.1.1 安装代码编辑器Sublime Text 3
12.1.2 安装cnpm
12.1.3 Vite项目初始化
12.2 项目功能逻辑
12.3 首页开发
12.3.1 轮播翻页组件
12.3.2 搜索框组件
12.4 登录页开发
12.5 详情页开发
12.5.1 电影基本信息组件
12.5.2 电影演员信息组件
12.5.3 电影评论信息组件
12.6 发表页开发
12.7 搜索页开发
12.8 路由配置
12.9 服务端渲染改造
12.9.1 main.js改造
12.9.2 entry-client.js和entry-server.js
12.9.3 home.vue改造
12.9.4 store改造
12.9.5 server.js改造
12.10 小结
更新时间：2023-08-31 19:32:08
完结共270章
倒序