剑指Vue3：从入门到实践

封面

版权信息

内容简介

前言

关于我们

第1章 Vue.js概述

1.1 六何分析Vue

1.1.1 Vue是什么

1.1.2 Vue是由谁开发的

1.1.3 Vue的发展历程

1.1.4 Vue用在哪些项目的开发中

1.1.5 为什么要选择Vue

1.1.6 如何学习Vue

1.2 Vue3的新特性

1.2.1 内在核心的变化

1.2.2 渲染引擎的改进

1.2.3 新的内置组件

1.2.4 API的修改

1.3 Vue3的运行环境

1.3.1 运行环境搭建

1.3.2 Vue开发者调试工具

第2章 核心语法

2.1 模板语法

2.1.1 插值语法

2.1.2 指令语法

2.1.3 data和methods配置项

2.2 计算属性

2.2.1 计算属性的基本使用

2.2.2 计算属性和method方法

2.2.3 计算属性的setter

2.3 监听

2.3.1 监听的基本使用

2.3.2 即时回调与深度监听

2.4 绑定动态样式

2.4.1 class绑定

2.4.2 style绑定

2.5 条件渲染指令

2.5.1 v-if相关指令

2.5.2 v-show指令

2.5.3 比较v-if和v-show指令

2.6 列表渲染指令

2.6.1 列表的动态渲染

2.6.2 列表的增、删、改

2.6.3 列表的过滤

2.6.4 列表的排序

2.7 事件处理

2.7.1 绑定事件监听

2.7.2 事件修饰符

2.7.3 按键修饰符

2.8 收集表单数据

2.8.1 使用v-model指令

2.8.2 相关指令修饰符

2.9 Vue实例的生命周期

2.9.1 生命周期流程图

2.9.2 Vue实例的生命周期分析

2.9.3 常用的生命周期钩子函数

2.10 过渡与动画

2.10.1 基于CSS的过渡动画效果

2.10.2 基于CSS的逐帧动画效果

2.10.3 基于第三方动画类库的CSS动画效果

2.10.4 基于JavaScript的动画效果

2.10.5 多元素分组动画效果

2.11 内置指令

2.11.1 v-text和v-html指令

2.11.2 v-pre指令

2.11.3 v-once指令

2.11.4 v-memo指令

2.11.5 v-cloak指令

第3章 Vue3新语法

3.1 组合式API的了解

3.2 setup组合式API入口函数

3.3 利用ref函数定义响应式数据

3.4 利用reactive函数定义响应式数据

3.5 toRefs与toRef函数

3.6 readonly与shallowReadonly函数

3.7 shallowRef与shallowReactive函数

3.8 toRaw与markRaw函数

3.9 computed函数

3.10 watch函数

3.11 生命周期钩子函数

第4章 组件详解

4.1 脚手架项目的分析

4.2 ESLint与Prettier

4.2.1 ESLint语法检查

4.2.2 Prettier代码格式化

4.3 组件样式控制

4.3.1 组件定义与使用

4.3.2 全局样式控制

4.3.3 局部作用域样式控制

4.3.4 深度样式控制

4.4 组件通信之props

4.4.1 组件关系

4.4.2 父与子通信之props

4.5 组件通信之ref与defineExpose

4.6 组件通信之emits与defineEmits

4.7 组件通信之attrs

4.8 组件通信之provide与inject

4.9 组件通信之mitt

4.10 组件通信之slot

4.10.1 默认插槽