vue3 系统的梳理

目录

• 前言
• [一、创建一个 Vue 项目](#一、创建一个 Vue 项目)
• [二、Vue 的语法](#二、Vue 的语法)
• [三、Vue 组件](#三、Vue 组件)
• [四、Vue 的部分 API](#四、Vue 的部分 API)

前言

本文主要是对 Vue3 进行研究的，部分会涉及到 Vue2 但不深究。

想深究 Vue2 的请移步此文：vue 学习

一、创建一个 Vue 项目

如何创建运行一个 Vue 项目
Vue 实例详解

二、Vue 的语法

Vue 的「内置指令」与「自定义指令」
Vue 渲染体系"三件套"（template 模板语法、h 函数和 JSX 语法）
Vue 插槽（包含"动态插槽"和"JSX 语法"）
Vue 动态样式 class 和 style

三、Vue 组件

Vue 的生命周期
Vue3 的组件通信
Vue3 组件的更新过程（编译系统 + 响应式系统 + 虚拟 DOM & Diff）
Vue3 的组件运行机制
Vue3 渲染调度机制（异步更新）

四、Vue 的部分 API

vue 的计算属性（computed）和侦听器（watch）
setup 函数、defineComponent 函数 和 script 标签上的 setup