第一节: Vue3 源码分析概述

1. 前言

从Vue3正式发版开始到现在，已经有一段时间了。Vue3相比于Vue2，有着许多的优化和改进，其中最显著的是使用了Composition API。Composition API是一种新的API风格，它允许我们通过函数组合来实现逻辑复用和代码组织。同时，Vue3还提供了更好的性能和更灵活的响应式系统。

而我从正式发版Vue3开始, 就一直在使用Vue3进行项目开发, 搭配TypeScript开发, 让代码的可读性, 可维护型得到了很大的提升. 但也发现了很多弊端. 这个以后再说

在使用Vue3开发的过程中, 也抽时间对源码进行了分析, 了解源码中具体API的实现. 但笔记相对凌乱, 乘着最近不是太忙, 对笔记进行整理分享.

因为Vue版本还在更新迭代, 可能和我阅读的版本源码有所区别, 建议大家在阅读时, 对照分析.

2. vue 源码的下载

Vue 3 的源代码存放在其 Github 官方仓库上,地址: GitHub - vuejs/core: 🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

拉取源码到本地后, 执行pnpm 指令安装依赖

pnpm install

3. 目录结构

下载完Vue3源码以及依赖安装成功后, 就可以启动Vue3源码项目. 直接本地测试API,

在开始之前,我们先分析一下Vue源码目录结构

3.1. 源码目录

Vue 源码的目录结构比较清晰, 除了项目架构的配置文件,最主要的两个目录:

1. package: 源码目录,Vue3的源码都放在这里
2. scripts: Vue3的脚本文件, 用来存放配置文件,进行编译和打包

整个项目结构中, 我们主要分析源码,