经过了漫长的迭代，Vue 3.0终于在上2020-09-18发布了，带了翻天覆地的变化，使用了Typescript 进行了大规模的重构，带来了Composition API RFC版本，带你入门

使用 Vue 做项目也有两年时间了，对 Vue 的 api也用的比较得心应手了，虽然对 Vue 的一些实现原理也耳有所闻，例如 虚拟DOM、flow、数据驱动、路由原理等等，但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的，所以利用空闲时…

本篇文章主要讨论 "vuex的state 和 getter 是如何映射到 各个组件实例中自动更新的？" 这个问题。首先，我们对问题进行简单剖析！ 从分析可知，要解答本篇疑问，我们需要从 vue 组件通信谈起！ 在使用vue的过程中，需要频繁的进行组件间通信！通信的主体之间的关系…

vuex作为vue生态的重要组成部分，是对store进行管理的一柄利剑。简而言之，vuex是vue的状态管理器。使用vuex可用使数据流变得清晰、可追踪、可预测，更可以简单的实现 类似时光穿梭 等高级功能，对于复杂的大型应用来讲，vuex将变得尤为重要，对于 store的切分、…

今天我们用白话文解读 watch 的工作原理，轻松快速理解 watch 内部工作原理。你说，你只懂怎么用的，却不懂他内部是怎么工作的，这样能有什么用？ 当你设置了 immediate 时，就不需要在 数据改变的时候 才会触发。 我们都知道 watch 有一个 deep 选项，是…

本文打算 白话文的形式讲解 Vue 的响应式系统原理，尽量不涉及源码。 只阐述工作流程，不想内容过多过于繁杂，导致大家会没有什么阅读的兴趣。 所以我今后打算把每一个内容分成 白话版和 源码版。 白话版，就是让大家不用花费太多脑力，不用消耗太多时间，就能轻松地看完并大致了解内容。…

今天我们用白话文解读 computed 的工作原理，轻松快速理解 computed 内部工作原理。因为如果你不懂原理，有时候做项目，碰到奇怪的问题，真的不知道怎么回事 "计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值" "我们为什么需要缓存…

使用Vue开发的过程中，我们经常会遇到一个状态可能会在多个组件之间使用，比如我们在做项目时使用到的用户的信息，什么昵称、头像这些，这些信息会在不同的组件用到，一旦改变这些状态，我们希望其他组件也跟随变化，比如用户充值了100元，或者改变了昵称，所以这个时候就需要状态管理模式来集…

高阶组件这个概念在 React 中一度非常流行，但是在 Vue 的社区里讨论的不多，本篇文章就真正的带你来玩一个进阶的骚操作。 先和大家说好，本篇文章的核心是学会这样的思想，也就是 智能组件 和 木偶组件 的解耦合，没听过这个概念没关系，下面会详细说明。 这可以有很多方式，比如…