Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。 pinia是针对vue3推出的状态管理工具，状态管理，简单来说就是一个存储数据的地方，存放在pinia中的数据在各个组件中都能访问到。

Vuex是什么？为什么要用它？ Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件状态，并以相应的规则保证状态以一种可预测的方式发生变化。可以理解为：

我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…

感慨归感慨，该学还得学，那么接下来，我们就一起来看一下 Vue.js 3.0 具体做了哪些优化？Vue3.0基本上是对源码、性能、语法API这个三个方面进行了优化，下来我们具体看下都做了哪些具体的优化和改变。 首先是源码优化，也就是尤大神对于 Vue.js框架本身开发的优化，它…

举个栗子 不设置key 当选中吕不韦时，添加楠楠后选中的确是李斯，并不是我们想要的结果，我们想要的是当添加楠楠后，一种选中的是吕不韦 设置key 同样当选中吕不为时，添加楠楠后依旧选中的是吕不为。 可

先学习TypeScript，vue3.0是用TS重写的，想知其然知其所以然必须学习TS。 vue2.x中的虚拟dom是进行全量的对比。而vue3.0新增了静态标记。在与上次虚拟节点进行对比的时候，只对比带有patch flag的节点，并且可以通过flag的信息得知当前节点要对比…

JavaScript 中的事件循环指的是浏览器处理并发模型（管理多个任务的的方法），包括了执行栈（call stack）、收集和处理任务（web APIs），任务队列（callback queue，也

scrollTop、clientHeight、 scrollHeight、offsetWidth等等，您是不是还对这些JavaScript web API的概念理解不清楚，那么读完本文您可能理解啦~

我们在日常的开发中经常会用到 new 操作符，来看看它到底做了什么事情；了解完它的原理之后接着来自己实现一下 new 的功能吧。