chonglingliu

Promise是JS进行异步操作的重要API，也是开发基本上绕不开的技术，所以很有必要对其进行深入的了解。本文我们就 一步步手动实现Promise的相关功能。 Promise属性和构造函数 原生功能

侦听器的实现逻辑 我们先来看看一个最简单的使用方式(watch的使用方式非常灵活，我们通过简单的使用方式来了解流程)： 对监听数据求值的实现 逻辑在doWatch方法中： 数据响应式的实现 目前只需要

Vue3.0 新增了一个Teleport组件，开发者可以使用它将其所在组件模板的部分内容移动到特定的DOM位置，譬如body或者其他任意位置。 Vue 2.0要实现对应的功能则需要使用portal-v

Provide和Inject可以在祖(父)组件和子(孙)组件间实现传值。相比prop只能父子之间传值而言，Provide和Inject传值更方便，相比vuex又更轻量。 接下来我们就从使用和实现原理两

reactive对传入的类型是有限制的，必须是对象或者数组。对一些基础类型，例如string, number，boolean等不支持，如果要使用reactiveAPI必须将这些基础类型封装成对象，这样

前面关于响应式的两篇文章，分别介绍了响应式实现原理和计算属性，本篇文章我们来看看其他响应式API的使用和实现原理。 reactive 使用方式 实现原理 请参阅本系列的Vue3.0 响应式实现原理分析

我们在上一章节介绍了响应式的原理，本文我们来探讨一下Vue 3.0的计算属性的实现原理。如果没有阅读过上一篇文章，建议请先阅读上一篇文章再来看本文，否则可能会有些迷糊。 使用方法 我们先来看看计算属性

我们知道Vue 2.0是利用Ojbect.defineProperty对对象的已有属性值的读取和修改进行劫持，但是这个API不能监听对象属性的监听和删除，此外为了深度劫持对象的内部属性，必须在初始化的

Vue.js可以让组件的使用者在组件外部传递props参数，组件拿到这些props的值来实现各种各样的功能。本文我们就来探讨下组件props的初始化和更新流程。 在前一篇文章中，我们知道setup函数