今天推荐一本我认为2022年前端进阶需要看的一本书，来自Vue官方团队成员霍春阳的新书《Vue.js设计与实现》

前言 在日常 Vue 项目开发过程中，或多或少都会使用相关的组件库。 而组件库常用的两种加载方式：全局引入和按需引入，要么导致项目体积大，要么引入麻烦，在某种程度上来说，都不够友好。

5.1watch概述 5.2监听ref基本类型 5.3监听ref对象类型 5.4监听reactive类型 5.5监听对象属性 5.6监听多个数据 5.7解除watch监听 5.8watchEffect

vue3 diff 最长递增子系列，vue3 diff 主要使用最长递增子系列来优化节点的移动 最长递增子系列（求长度）

mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点，refNode为真实的DOM节点，其父级节点为parent。如果refNode不为空，vnode生成的DOM节点就会插入到refNode之…

目录 又来到了激动人心的 diff 环节 使用 Virtual Dom 的框架，一般的设计思路都是页面等于页面状态的映射，即 UI = render(state)。 在进行页面更新的时候真实 DOM

React Diff 算法 认识 React Diff 算法 React 是 Fiber 架构的，Fiber 其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双端比对的方式去优化 Diff

写在开始 1月20日，尤大在知乎平台发布 Vue3 将自2月7日起成为默认版本的消息： Vue3 相关的技术栈也可以学习起来啦~本文就同大家一起初步体验下 “下一代的Vuex” -- Pinia。 什

Pinia 是⼀个⽤于 Vue 的轻量级状态管理库，类似 Vuex, 是 Vue 的另⼀种状态管理⽅案