不语君45389

react-location-code 快速帮助开发者定位页面任何元素的源码位置以及文件依赖关系 使用

vite上的webpack-bundle-anaylzer ，简直跟webpack-bundler-analyzer没有差别

## 实现一个灵活的组件，我们需要关注两点 1. props的设计 2. slot插槽的使用 > 简单来说，props就是实现属性值的传递，slot则是实现子节点的传递，如果vue能像react那样

在生命周期中的副作用函数。例如监听事件 复用生命周期和状态。例如在生命周期内请求数据并且设置状态 复用逻辑逻辑和状态。 最极端的情况，复用逻辑，生命周期和状态。 从vue的角度来说，因为我用react的时候，mixin的方式已经消失了。 O(∩_∩)O哈哈~。 vue中的Mix…

⚠️ 使用这种方式的好处是someExpensiveComputation函数值会在初始化的时候，调用一次。 我们其实也可以这么做。 这样的缺点就是，每次函数组件渲染的时候，都会调用一次``someExpensiveComputation`，造成不必要的性能浪费。 首先useS…

是因为在模版(template)或者render函数中使用了没有声明过的属性或者方法。 这段代码的作用就是根据render函数生成vnode,这段不多做解释，感兴趣的话，可以自己了解一下vue的源码。 可以看到render.call(vm._renderProxy, vm.$c…

可以用来判断当前的vnode是不是组件。

.prop的修饰符用来指定绑定的值不应该被props解析，而应该作为dom的属性绑定在元素上。 下面的代码，是直接粘贴尤大大的单元测试的代码。我觉得没有比单元测试代码更能说明这个东西的用法了。 另外对于这个修饰符，vue应该也提供了一个缩写的形式。即.text-content=…

vue的diff算法的核心其实是在 vue/src/core/vdom/patch.js中updateChildren方法。 通过对比树的边界结点，缩小两个树的大小。 通过key或者遍历找到相同（这里的相同指的是可复用的结点，并不是完全相同的结点）的结点。 通过对比最后的索引值…