前言

🚀最近为了夯实Vue，从7月2号开始，共花了74天，把Vue3完完整整地过了一遍，受益匪浅

📚我将所有笔记整理成此文，共101张脑图，包括了Vue3.2最新的语法。适合初学者和对Vue了解不全面的同学

🎁看完此文，你将会对Vue有一个更全面、更深一步的了解！！

脑图

基础

应用实例和组件实例

模板语法

配置选项

计算属性和监听器

绑定class和style

条件渲染

列表渲染v-for

事件处理

v-model及其修饰符

组件的基本使用

深入组件

注册组件

组件Props

非属性特性

自定义事件

插槽slot

依赖注入：Provide和Inject

动态组件和异步组件

模板引用和控制更新

过渡和动画

过渡和动画概述

基于class和style的过渡和动画

单元素单组件的过渡

多元素多组件的过渡

列表过渡

状态过渡

可复用&组合

组合式API介绍

setup函数

生命周期钩子

Provide和Inject

模板引用 template-refs

Mixin

自定义指令

Teleport组件

渲染函数1

渲染函数2（用原生JS代替模板功能）

渲染函数3

Vue插件

高阶指南

深入响应性原理

响应性基础

计算属性

watchEffect

watch

底层渲染机制和优化

Vue2中的更改检测警告

工具

单文件组件

测试

TS支持1

TS支持2

移动端

生产环境部署

规模化

Vue的路由

状态管理

SSR服务端渲染

无障碍

基础

语义

标准

资源

风格指南

优先级 A 的规则：必要的 (规避错误)

优先级 B 的规则：强烈推荐 (增强代码可读性)-1

优先级 B 的规则：强烈推荐 (增强代码可读性)-2

优先级 C 的规则：推荐 (将选择和认知成本最小化)-1

优先级 C 的规则：推荐 (将选择和认知成本最小化)-2

优先级D

从Vue2迁移

概览介绍

非兼容的变更

用于迁移的构建版本之概述

升级流程

兼容性配置

API

应用配置

应用API

全局API-1

全局API-2

全局API-3

选项Data

选项 DOM

生命周期钩子-1

生命周期钩子-2

指令和组件

组合-1

组合-2

杂项

实例属性

实例方法

指令-1

指令-2

指令-3

指令-4

特殊attribute

内置组件-1

内置组件-2

内置组件-3

响应性基础API

Refs

Computed与watch

Effect作用域API

组合式API

SFC语法规范

SFC工具

script setup-1

script setup-2

style scoped

style module

END

如有问题，欢迎留言告知，感谢~

参考

v3.cn.vuejs.org/