vue源码系列
9篇文章 · 2订阅
  • [Vue源码系列-9]vue3生命周期实现原理
    一. 生命周期实现原理 二. 生命周期调用
    Vue.js
    [Vue源码系列-9]vue3生命周期实现原理
  • [Vue源码系列-8]vue3的源码优化策略
    一. 编译过程 二. Block Tree 三. patchFlag对不同节点进行描述 四. 其他优化 五. Vue3和Vue2的对比
    Vue.js
    [Vue源码系列-8]vue3的源码优化策略
  • [Vue源码系列-7]vue3的diff实现原理
    一. 组件的初渲染和diff算法 二. 元素比较 三. 核心diff算法 四. 最长递增子序列
    Vue.js
    [Vue源码系列-7]vue3的diff实现原理
  • [Vue源码系列-6]vue3渲染流程实现原理
    一. vue3的类型处理 二. 初始化渲染逻辑 三. 组件渲染流程 四. 元素创建流程 五. 总结
    Vue.js
    [Vue源码系列-6]vue3渲染流程实现原理
  • [Vue源码系列-5]vue3初始化流程原理
    1. VueRuntimeDOM 2. nodeOps实现 3. runtimeDom实现 4. runtimeCore
    Vue.js
    [Vue源码系列-5]vue3初始化流程原理
  • [Vue源码系列-4]vue3的Ref实现原理
    1. reactive和ref的区别 2. Ref 3. Computed实现原理
    Vue.js
    [Vue源码系列-4]vue3的Ref实现原理
  • [Vue源码系列-3]vue3依赖收集实现原理
    1. vue3的依赖收集 2. effect副作用函数 3. track依赖收集 4. trigger 触发更新
    Vue.js
  • [Vue源码系列-2]vue3响应式API实现原理
    1. 响应式API 2. reactivity响应式原理 3. 实现响应式API
    Vue.js
  • [Vue源码系列-1]vue3源码架构分析
    1. vue2和vue3的区别 vue2采用的是Flow来做静态类型检测，而vue3使用typescript重构代码，增强类型检测。 2. Vue架构分析 runtime-dom: 针对浏览器的运行时。包括DOM API，属性，事件处理等 3. 基于rollup搭建vue3环境
    Vue.js