距离 vue3 正式发布已经过去两年有余, 成为默认版本也过去大半年了，以前还能说是对新技术、新特性的观望，到现在面试都直问 vue3 源码了。 我想，不管什么原因，是时候学习 vue3 了 所以这次

一、Vuex是如何使用的 在Vue项目中，使用vuex的步骤大概如下： 在src下创建一个store/index.js，然后添加如下代码 在main.js引入 然后就可以通过this.$store访问

关于vuex就不再赘述，简单回顾一下：当应用碰到多个组件共享状态时，简单的单向数据流很容易被破坏：第一，多个视图依赖于同一状态；第二，来自不同视图的行为需要变更同一状态。若解

二、 vue3 diff 经过vue2diff算法的学习，这次我们直接进入正题 这次采用五步走的方式来学习 源

大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。最近几年，“拥抱 Hooks” 的口号呼声非常高，一开始是 ` React `，自动 ` Vue3 setu

现在就业形势确实严峻，前端面试时考查的难度也越来越大，面试官会问很多关于框架原理的知识点以区分候选人的水平和学习能力，而 diff 算法就属于面试中的高频问题，下面我们就来了解一下 diff

Pinia 意为菠萝，表示与菠萝一样，由很多小块组成。在 Pinia 中，每个 Store 都是单独存在，一同进行状态管理。与 Vuex 相比，Pinia 提供了更简单的 API，更少的规范。

众所周知，Vue3.0带来了一个全新的特性——Composition API。字面意思就是“组合API”，它是为了实现基于函数的逻辑复用机制而产生的。 动画的创意来自网络，但如果只是拿人家的视频转成Gif，那就显得我太没有诚意了。

Pinia 是一个状态管理库与 vuex 的作用及定位一致。 同时支持 vue2、3（会有部分差异）最重要的一点是它支持 组合式API，也因为此它会比 vuex 更加灵活。