LZH Logo Docs
GitHub

Vue.js 3源码解析

    • 前言
    • Vue.js 3.0 的优化
    • 模块一：直击 Vue.js 核心组件的实现
      • 组件渲染：vnode 到真实 DOM 是如何转变的？
      • 组件更新：完整的 DOM diff 流程是怎样的？
    • 模块二：学会新设计 Composition API
      • Setup：组件渲染前的初始化过程是怎样的？
      • 响应式：响应式内部的实现原理是怎样的？
      • 计算属性：计算属性比普通函数好在那里？
      • 侦听器：侦听器的实现原理和使用场景是什么？
      • 生命周期：各个生命周期的执行时机和应用场景是怎样的？
      • 依赖注入：子孙组件如何共享数据？
    • 模块三：编译过程和背后的优化思想
      • 模板解析：构造 AST 的完整流程是怎样的？
      • AST 转换：AST 节点内部做了哪些转换？
      • 生成代码：AST 如何生成可运行的代码？
    • 模块四：探索更多使用特性背后的实现原理
      • Props：Props 的初始化和更新流程是怎样的？
      • 插槽：如何实现内容分发？
      • 指令：指令完整的生命周期是怎样的？
      • v-model：双向绑定到底是怎么实现的
    • 模块五：学习 Vue 内置组件的实现原理
      • Teleport 组件：如何脱离当前组件渲染子组件？
      • KeepAlive组件：如何让组件在内存中缓存和调度？
      • Tranition 组件：过渡动画的实现原理是怎样的？
      • Suspence组件：如何优雅地实现组件异步处理流程？
    • 特别放送：研究 Vue 官方生态的实现原理
      • Vue Router：如何实现一个前端路由？
      • Vuex：如何实现前端的状态管理？
  • Vue.js 3源码解析
  • 模块五：学习 Vue 内置组件的实现原理
  • Suspence组件：如何优雅地实现组件异步处理流程？
GitHub

Suspence组件：如何优雅地实现组件异步处理流程？

Tranition 组件：过渡动画的实现原理是怎样的？ 特别放送：研究 Vue 官方生态的实现原理

Copyright © 2023 LZH | liao08022040@126.com