coderew

1、前言 在 Vue 中，父组件可以通过 props属性向子组件传递值，子组件接收到这些值后可以实现各种功能。 Vue 内部是如何实现 props 初始化以及更新的呢？

Teleport组件是 Vue3 中内置的组件，可以将指定的内容渲染到特定的容器中，且不受 DOM 层级的限制，这在很多场景下非常有用。

插槽的实现实际上就是一种延时渲染，把父组件中编写的插槽内容保存到一个对象上，并且把具体渲染 DOM 的代码用函数的方式封装，然后在子组件渲染的时候，根据插槽名在对象中找到对应的函数，然后执行这些函数做

1、前言 在 Vuejs 中，内置了 KeepAlive组件用于缓存组件，可以避免组件的销毁/重建，提高性能。假设页面有一组 Tab组件，如下代码所示： 可以看到，根据变量 currentTab的不同

在 Vuejs 中，我们可以使用 `Provide`和 `Inject`方法来实现跨父子组件的通信，这样一来，无论组件嵌套多少层级，都可以在后代组件中访问它们祖先组件的数据。

1、前言 所谓 watch，其本质就是观测一个响应式数据，当数据发生变化的时通知并执行相应的回调函数。如下示例： 假设 watch是一个响应数据，使用 watch函数观测它，并传递一个回调函数，当修改

1、前言 在Vue3中，有一个effect函数，它用来注册副作用函数，同时它也允许指定一些选项参数options，例如指定scheduler调度器来控制副作用函数的执行时机和方式;也介绍了用来追踪和收

ref本质上是一个“包裹对象"，由于Proxy无法对原始值进行代理，因此我们需要使用一层对象进行包裹，间接实现原始值的响应式处理。ref除了能够提供原始值的响应式方案，还能用来解决响应式丢失的问题。

本文详细介绍了Vue3对对象、数组、集合（Set、Map）响应式处理的实现，都是通过Proxy代理拦截，然后拦截ECMA底层对应的方法实现的。大致说来： - 普通对象类型：找到ECMA规范中可拦截的