Fancy Front End Fancy Front End
  • 开始上手
  • 基础
  • 调度器(Scheduler)
  • 更新器(Updater)
  • 渲染器(Render)
  • 更新周期
  • hooks 原理
  • 总结
  • 📙 React源码漂流记
  • 开始上手
  • 基础
  • reactivity
  • runtime-core
  • runtime-dom
  • Awesome Web
  • Awesome NodeJS
话题
  • 导航
  • Q&A
  • 幻灯片
  • 关于
  • 分类
  • 标签
  • 归档
博客 (opens new window)
GitHub (opens new window)

Jonsam NG

让有意义的事变得有意思,让有意思的事变得有意义
  • 开始上手
  • 基础
  • 调度器(Scheduler)
  • 更新器(Updater)
  • 渲染器(Render)
  • 更新周期
  • hooks 原理
  • 总结
  • 📙 React源码漂流记
  • 开始上手
  • 基础
  • reactivity
  • runtime-core
  • runtime-dom
  • Awesome Web
  • Awesome NodeJS
话题
  • 导航
  • Q&A
  • 幻灯片
  • 关于
  • 分类
  • 标签
  • 归档
博客 (opens new window)
GitHub (opens new window)
  • 开始上手
    • 说明
    • 阅读方法
    • 参考资料
    • TODO 计划
    • 目录
  • plan 计划
  • 基础

  • reactivity

  • runtime-core

  • runtime-dom

  • vue3
jonsam
2022-04-14
目录

开始上手

# 说明

在这里我先要说明一些事项,以作为阅读之前的提醒。

事项 描述
vue3 版本 v3.1.4
IDE VScode
静态生成器 VuePress
源码 Repo Repo (opens new window)
笔记源码 Repo jonsam-ng/fancy-front-end (opens new window)
笔记地址 source.jonsam.site (opens new window)
阅读重点 reactivity、runtime-core、runtime-dom
阅读方式 运行源码、源码标注、笔记分析总结

# 阅读方法

  1. 运行和调试 vue 源码。
git clone https://github.com/jonsam-ng/vue-next.git
yarn 
1
2
  1. 按照一定的阅读顺序阅读源码,请先阅读基础部分。

# 参考资料

  • vue3js.cn (opens new window)
  • vue3 源码解析和最佳实践 (opens new window)

# TODO 计划

# 目录

编辑 (opens new window)
上次更新: 2022/07/13, 18:32:13
plan 计划

plan 计划→

最近更新
01
渲染原理之组件结构与 JSX 编译
09-07
02
计划跟踪
09-06
03
开始上手
09-06
更多文章>
Theme by Vdoing | Copyright © 2022-2022 Fancy Front End | Made by Jonsam by ❤
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式