在前端开发中，虚拟 DOM 是提升性能的核心技术，它将高损耗的真实 DOM 操作转为 JavaScript 层计算。Vue 3 在此基础上实现突破，大幅减少 Diff 计算量，提升复杂场景渲染效率。

本文将使用很短的篇幅分析pinia的核心代码，以及类型推断原理，最后会实现一个简易版的mini-pinia。

pinia是vue的专属状态管理器，允许跨组件或者跨页面共享数据，本文介绍了pinia的基本使用，实现了一个最简版本的pinia，看完本文让你十分钟写出来一个pinia，解读了pinia源码

基础类型的响应性 —— ref在vue3里面，我们可以通过 reactive 来实现引用类型的响应性，那么基础类型的响应性如何来实现呢？可能你会想到这样来实现：这么做确实可以实现，而且也很像 ref

使用defineModel时，为什么子组件内没有任何关于props的定义和emit事件触发的代码？修改defineModel返回值会修改父组件上绑定的变量，这是否破坏了vue的单向数据流呢？

不用担心，这些问题其实是多是由于Vue3的新特性和语法带来的变化导致的。下面会将上述问题一一捋顺，让我们开发的时候可以做到知其所以然

vue2一起使用时，v-for 具有比 v-if 更高的优先级。vue3一起使用时，v-if具有比 v-for`更高的优先级。

我们经常会使用到 ref 和 reactive，那么他们在底层的实现上有什么区别和联系呢？在说这个问题之前，让我们先看一下 ref 和 reactive 的对比。

背景 这几天看到好多文章标题都是类似于： 不用 ref 的 xx 个理由 不用 reactive 的 xx 个理由 历数 ref 的 xx 宗罪 我就很不解，到底是什么原因导致有这两批人： 抵触 re