VueUse源码系列

介绍 通过 Fetch API 方式发送请求并提供在触发请求之前拦截请求、在 url 更改时自动重新获取请求以及使用预定义选项创建自己的请求封装。 使用 源码 首先我们先来看看最简单的 Fetch A

介绍 监听指定元素外的单击事件，一般用于弹窗。 使用 源码 简单实现 简单实现就是window监听单击事件。 以上实现功能时，会有个问题：当 target 元素的子元素被点击时，点击事件会首先在该子元

介绍 在组件挂载后用于addEventListener添加事件，卸载时removeEventListener移除事件。 使用 源码 实现这个功能不难，就是在 onMounted 生命周期中通过 add

VueUse 是如何封装函数节流的，函数节流是高频率执行函数的一种优化方式，另一种方式是函数防抖，函数节流和函数防抖的区别

介绍 v-model 可以在组件上使用以实现双向绑定, v-model 本质上是语法糖，经过模版编译器后会对 v-model 转换为： 上面是表单元素 v-model 的转换，而自定义组件会转换为：

介绍 记录最后一次改变的时间戳。 源码 思考 useLastChanged 的使用场景是什么？作者设计 useLastChanged 的目的是什么？ 在 github 上找到作者对 useLastCh

介绍 响应异步状态，useAsyncState 不会阻塞后面的函数执行，当 promise 的状态变为成功时异步状态会自动改变。 源码 源码中 until(isLoading).toBe(false)

介绍 创建一种在多个组件中使用的组合函数。 源码 和 createGlobalState 一样使用了 effectScope 来实现。区别是在 onScopeDispose 中执行 scope.sto

说明 createGlobalState: 在全局作用域中保留状态，以便被 vue 实例复用。 用于组件之间的状态共享。 源码 源码中使用了 effectScope 来声明 state。 思考 为什么

Provide/Inject Provide 和 Inject 可以解决 Prop 逐级透传问题。注入值类型不会使注入保持响应性，但注入一个响应式对象，仍然有响应式的效果。 Provide 的问题是无