vue的成长之路

前言 最近参与了一个项目，让我印象最深的就是它的 业务逻辑 和 状态管理 ，可以说，第一次见到的时候有些震惊。这个项目是 pnpm 的 workspace 形式，管理多个项目，共享一个 package

到前面部分，已经是完成了响应式的基本原理。那vue还有ref和watch等等，我们就来处理一下。 1. ref函数 先把effect里的函数跟ref关联起来哈。

准备 目标的实现里涉及的两个问题： 监听数据的读和写。 关联函数和数据 前面部分已经实现了监听数据的读和写，涉及了依赖收集和派发更新，每次读写都会触发这两个

之前的流程已经是对对象进行了监听、读、写，那数组也是数据，也需要被监听，那数组的监听和普通的监听有什么区别呢？那就慢慢试吧！

上面留下了两个知识点，只是大概的实现了那个过程。心急吃不了热豆腐，追求卓越的人都有一个共性，那就是聚焦。 卓越的人善于把所有的能量聚集在一点，伤其十指不如断其一指。当面对复杂问题的时候， 人很容易乱

定目标，有了目标才有发力的方向。实现，敲代码或者不敲代码，或者是只分析。这个过程是循环往复的， 目标给实现定了一个方向，而在实现过程中会发现定的目标不是那么清晰，这时会去修正目标。所以这个过程是循环的

静态提升 vue里有个包用来处理单文件组件的，所以有个预编译过程啊，它会把模版编译成render函数，它的编译现在很智能，能发现哪些是静态节点，哪些是动态节点，然后把静态节点进行提升。 怎么提升呢？