目录

模块1初识Vue 3

1.1什么是Vue

1.2Vue的发展简史

1.3Vue的工作原理

1.4Vue的应用场景

1.5Vue与React的比较

1.6Web框架的发展趋势

练习题

模块2搭建Vue 3的开发环境

2.1安装Node.js

2.2安装Visual Studio Code编辑器

2.3安装Vue Devtools插件

练习题

模块3构建Vue 3项目

3.1如何使用Vue 3

3.2构建Vue 3项目的方法

3.3Vue 3项目的目录结构

3.4第一个Vue 3的应用

3.5Vue 3编程风格

练习题

模块4变量和方法

4.1Vue 3中的变量与常量

4.2箭头函数

4.3Vue 3中的方法

4.4综合案例

练习题

模块5响应式数据

5.1什么是响应式数据

5.2使用ref()函数定义响应式数据

5.3使用reactive()函数定义响应式数据

5.4使用toRefs()函数解构响应式对象

练习题

模块6模板语法

6.1文本插值与表达式

6.2内容渲染

6.3数据双向绑定

6.4属性绑定

6.5事件绑定

6.6条件渲染

6.7列表渲染

练习题

模块7状态监听

7.1watch()函数

7.2watchEffect()函数

7.3watch()函数与watchEffect()函数的对比

7.4状态监听应用案例

练习题

模块8计算属性

8.1计算属性的定义

8.2计算属性的特点

8.3计算属性的应用

8.4计算属性和函数的区别

8.5计算属性应用案例

练习题

模块9组件

9.1组件的定义

9.2注册组件

9.3组件化开发

9.4组件之间的数据交互

9.5组件切换

练习题

模块10插槽

10.1插槽定义

10.2默认插槽

10.3具名插槽

10.4作用域插槽

练习题

模块11生命周期

11.1什么是生命周期

11.2生命周期钩子

11.3生命周期钩子的应用

练习题

模块12动画和过渡

12.1基于class的动画和过渡

12.2基于style的动画和过渡

12.3基于transition组件的动画和过渡

12.3.1过渡简介

12.3.2过渡class类和JavaScript钩子

12.3.3单元素过渡

12.3.4多元素过渡

12.3.5多组件过渡

12.3.6列表过渡

12.3.7集成第三方效果

练习题

模块13路由

13.1路由概述

13.2Vue Router的基本应用

13.3路由懒加载

13.4嵌套路由

13.5动态路由

13.6命名路由

13.7命名视图

13.8编程式导航

13.9导航守卫

13.10路由元信息

练习题

模块14状态管理

14.1什么是pinia

14.2pinia的核心概念

14.3pinia的基本应用

14.4本地存储

14.5状态持久化

练习题

模块15网络请求

15.1什么是Axios

15.2安装Axios

15.3安装JSONServer

15.4Axios基础用法

15.5并发请求

15.6Axios拦截器

15.7QS库

15.8同源策略与数据请求

练习题

模块16项目实战

16.1项目描述

16.2项目分析

16.3项目实施

附录1+X专题