课程简介
这门课程旨在帮助你深入理解Vue3的源码逻辑,让你不仅能够熟练使用Vue3,还能独立进行开发和扩展。 适合哪些开发者 适合已经具备JavaScript基础,并且对Vue有一定使用经验的人。如果你了解Vue2或Options API的基本概念,那么这门课程将帮助你更深入地掌握Vue3的原理。课程从源码层面讲解reactivity、渲染流程、自定义渲染器等核心…
这门课程旨在帮助你深入理解Vue3的源码逻辑,让你不仅能够熟练使用Vue3,还能独立进行开发和扩展。
适合哪些开发者
适合已经具备JavaScript基础,并且对Vue有一定使用经验的人。如果你了解Vue2或Options API的基本概念,那么这门课程将帮助你更深入地掌握Vue3的原理。课程从源码层面讲解reactivity、渲染流程、自定义渲染器等核心概念,适合那些希望深入了解Vue3实现机制的开发者。虽然不需要编程基础,但需要有一定的动手实践能力,不能仅停留在理论学习阶段。
建议的学习顺序
- 首先,学习Vue3的新特性和基础概念,包括Vue3的架构、核心组件和API。
- 接着,深入了解Vue3的响应式系统,包括ref、reactive、readonly、computed和watchEffect等关键概念。
- 然后,学习Vue3的渲染流程,以及如何使用自定义渲染器来控制DOM的更新。
- 最后,通过实战项目“飞机大战”来巩固所学知识,掌握搭建开发环境、处理页面切换和动画优化的技巧。
学完这门课程后,你可以独立实现什么
学完这门课程后,你将能够:
- 独立阅读Vue3的源码,深入理解其核心机制,如reactivity系统的工作原理。
- 理解Vue3的渲染流程,并能够根据实际需求实现自定义渲染器。
- 能够根据源码逻辑进行扩展和优化Vue3的应用程序。
- 利用课程中的实战项目思路,构建自己的Vue3应用,提升实际开发能力。
如何利用这些资料进行练习
在学习过程中,建议你结合源码资料进行实践。特别是对于reactivity模块和渲染流程,建议亲手在本地环境中复现关键逻辑。对于实战项目“飞机大战”,建议直接在课程提供的环境中运行代码,逐步理解每个步骤的实现过程。通过这种方式,你可以更好地掌握Vue3的原理,并将其应用到实际开发中。
课程目录
094 集
- 1-鏁屽啗椋炴満.mp4 [316.1 MB]
- reactivity 结合 blessed .mp4 [126.1 MB]
- 鎴戞柟瀛愬脊.mp4 [277.0 MB]
- 飞机移动优化实现.mp4 [450.2 MB]
078 集
- 06-watchEffect【不易整理‖请关注:CunWorkNoteS】.mp4 [139.5 MB]
- 04-创建响应式对象 ref reactive readonly【公重号:CunWorkNotes】.mp4 [215.9 MB]
- 08-composition api 的动机与目的【优质资源‖关注:cunWorkNotes 解锁】.mp4 [317.1 MB]
- 09-composition api 的心智负担和 options api 的兼容性.mp4 [90.1 MB]
- 02-vue3 新特性1.mp4 [228.6 MB]
- 01-认识 vue3.mp4 [175.9 MB]
- 03-vue3新特性2.mp4 [141.8 MB]
- 07-生命周期&refs&依赖注入.mp4 [238.4 MB]
087 集
- 01-vue3渲染流程【不易整理‖请关注:CunWorkNoteS】.mp4 [143.9 MB]
- 06-实现地图【优质资源‖关注:cunWorkNotes 解锁】.mp4 [137.8 MB]
- 07-我方飞机【更多精选‖公众号:CunWorknotes】 .mp4 [149.2 MB]
- 05-页面切换.mp4 [221.7 MB]
- 03-pixijs和vue3的结合.mp4 [429.5 MB]
- 02-自定义渲染器custom renderer.mp4 [140.4 MB]
- 04-setup 飞机大战环境.mp4 [93.4 MB]
part017 集
- 09-compositionapi的心智负担和optionsapi的兼容性.mp4 [90.1 MB]
- 03-vue3新特性2.mp4 [141.8 MB]
- 02-vue3新特性1.mp4 [228.7 MB]
- 07-生命周期&refs&依赖注入.mp4 [238.4 MB]
- 01-认识vue3.mp4 [175.9 MB]
- 08-compositionapi的动机与目的.mp4 [317.1 MB]
- 04-创建响应式对象refreactivereadonly.mp4 [215.9 MB]
part034 集
- reactivity结合blessed.mp4 [126.1 MB]
- 飞机移动优化实现.mp4 [450.2 MB]
- 鎴戞柟瀛愬脊.mp4 [277.0 MB]
- 1-鏁屽啗椋炴満.mp4 [316.2 MB]
part027 集
- 04-setup飞机大战环境.mp4 [93.4 MB]
- 05-页面切换.mp4 [221.7 MB]
- 07-我方飞机.mp4 [149.2 MB]
- 06-实现地图.mp4 [137.8 MB]
- 01-vue3渲染流程.mp4 [144.0 MB]
- 03-pixijs和vue3的结合.mp4 [429.5 MB]
- 02-自定义渲染器customrenderer.mp4 [140.5 MB]
video1 条
课件55 集
- teach-vue-practice-main.7z [1.0 MB]
- 24-实现 shapeFlags.mp4 [174.6 MB]
- 09-实现 effect 的 stop 功能 【优质资源‖关注:cunWorkNotes 解锁】.mp4 [167.9 MB]
- 07-实现 effect 返回 runner.mp4 [44.8 MB]
- 29-实现 Fragment 和 Text 类型节点.mp4 [124.0 MB]
- 20-实现初始化 component 主流程.mp4 [250.6 MB]
- 40-实现组件更新功能【更多精选‖公众号:CunWorknotes】 .mp4 [196.8 MB]
- 35-更新 element 的 children【持续更新‖免费提供:CunworknoteS】.mp4 [236.7 MB]
- 44-实现解析 element 标签 .mp4 [79.3 MB]
- 42-编译模块概述.mp4 [19.6 MB]
- 36-更新 element 的 children - 双端对比diff 算法 (1).mp4 [522.7 MB]
- 26-实现组件 props 逻辑.mp4 [113.7 MB]
- 37-更新 element 的 children - 双端对比diff 算法 (2).mp4 [168.9 MB]
- 54-实现 watchEffect.mp4 [200.8 MB]
- 53-实现 monorepo & 使用 vitest 替换 jest.mp4 [621.4 MB]
- 49-实现代码生成 string 类型.mp4 [147.2 MB]
- 52-实现编译 template 成 render 函数.mp4 [213.2 MB]
- 51-实现代码生成三种联合类型.mp4 [448.9 MB]
- 43-实现解析插值功能.mp4 [148.3 MB]
- 46-实现解析三种联合类型.mp4 [331.3 MB]
- 45-实现解析 text 功能.mp4 [69.7 MB]
- 50-实现代码生成插值类型.cmproj.mp4 [289.4 MB]
- 48-实现 transform 功能.mp4 [99.3 MB]
- 47-parse 的实现原理&有限状态机.mp4 [123.3 MB]
- 39-学习尤大解决bug的处理方式.mp4 [118.1 MB]
- 31-实现provide-inject 功能.mp4 [287.3 MB]
- 34-更新element 的 props.mp4 [137.7 MB]
- 38-更新 element 的 children - 双端对比diff 算法 (3).mp4 [333.6 MB]
- 28-实现组件 slots 功能.mp4 [175.5 MB]
- 30-实现 getCurrentInstance .mp4 [54.8 MB]
- 33-更新element流程搭建.mp4 [175.4 MB]
- 41-实现 nextTick 功能.mp4 [142.4 MB]
- 32-实现自定义渲染器 custom renderer.mp4 [290.3 MB]
- 17-实现 isRef 和 unRef 功能.mp4 [31.4 MB]
- 27-实现组件 emit 功能.mp4 [194.6 MB]
- 02-reactivity 的核心流程 .mp4 [361.0 MB]
- 14-实现 shallowReadonly 功能.mp4 [29.7 MB]
- 04-runtime-core 更新的核心流程.mp4 [342.9 MB]
- 12-优化 stop 功能.mp4 [107.9 MB]
- 23-实现组件代理对象.mp4 [181.3 MB]
- 05-setup环境-集成jest做单元测试-集成 ts.mp4 [70.5 MB]
- 13-实现 reactive 和 readonly 嵌套对象转换功能.mp4 [34.2 MB]
- 19-实现 computed 计算属性.mp4 [143.0 MB]
- 21-使用 rollup 打包库.mp4 [157.8 MB]
- 22-实现初始化 element 主流程.mp4 [212.1 MB]
- 10-实现 readonly 功能.mp4 [95.3 MB]
- 01-vue3源码结构的介绍.mp4 [145.3 MB]
- 08-实现 effect.scheduler 功能.mp4 [77.2 MB]
- 16-实现 ref 功能.mp4 [159.1 MB]
- 06-实现 effect & reactive & 依赖收集 & 触发依赖.mp4 [276.1 MB]
- 25-实现注册事件功能.mp4 [47.6 MB]
- 11-实现 isReactive 和 isReadonly.mp4 [56.3 MB]
- 03-runtime-core 初始化的核心流程.mp4 [474.5 MB]
- 18-实现 proxyRefs 功能.mp4 [50.6 MB]
- 15-实现 isProxy 功能.mp4 [17.4 MB]