m0_47999208的博客

通过自动依赖追踪内置清理机制和立即执行特性，大幅简化了复杂异步逻辑的管理。对于需要响应多个状态变化的场景，或需要自动清理副作用的异步操作（如网络请求、定时器），是更优选择。而传统的watch则在需要精确控制监听源和监听深度时更具优势。

【代码】vue3，element-plus,图片预览。

子传父：很多都是结合defineEmit来实现的，这里通过给子组件传递函数，子组件调用传递下来的函数实现传值。

2.watch需要显示的添加deep，immediate，watchEffect默认自带deep(深度监听)。immediate（首次加载时执行）1.watch需要指定依赖，watchEffect不需要。1.watch和watchEffect的区别。现在template中有这么几行代码。

vue-pure-admin: 🔥 全面ESM+Vue3+Vite+Element-Plus+TypeScript编写的一款后台管理系统（兼容移动端）

【代码】vue3中封装防抖ref。

vue3中的。

默认插槽是最常见的一种插槽类型，即没有名称的插槽。当父组件在子组件标签内部放置的所有内容都会被传递到子组件的默认插槽中。具名插槽允许开发者定义具有特定名称的插槽，从而在子组件中以更精细的方式控制内容的插入位置。）是Vue 2.6+引入的新语法糖，用于更加清晰地表示插槽的使用。在早期版本中，需要使用。作用域插槽允许父组件访问子组件的数据并在插槽内容中使用这些数据。标签实现类似的功能。在Vue 3.x中，（在Vue 2.x 中也写作。

看尤雨溪说：为什么Vue3 中应该使用 Ref 而不是 Reactive？

很明显这里的reflect.get被return target[key]替代，可知target,property,value,receiver的值。reflect.set被 ‘=’ 替代。说明了reflect在proxy的作用。以上代码用浏览器控制台运行下如下。2.自己写的proxy。

首先要确定Proxy的入参：new Proxy 的两个参数分别是目标对象和处理程序。如下，写了个只有两个方法的Proxy。从Mdn中抄一下其他方法。这里还给他多写了两个方法。

Nullable表示一个可以为空的布尔类型。它可以有三个可能的值：true、false和null。这在处理可能缺少布尔值的情况下非常有用。例如，当使用某些API返回一个可选的布尔值时，可以使用Nullable来表示该值可能为空。还是第一种比较好用，如果后端返回给你一个空字符串，只需要往Ref里加String就可以了。的引用类型，可以使用联合类型。

reactive函数是Vue 3 Composition API中的一个函数，它可以将一个普通对象转换为响应式对象。在这里，{}表示一个空对象，通过reactive函数将其转换为一个响应式对象。所以，visibleData是一个可以通过键来访问或修改布尔值的响应式对象。这段代码的意思是创建了一个响应式对象visibleData，它是一个包含键为数字、值为布尔值的对象。

由于props传入了个函数在设置默认值的时候不知道怎么设置了。这里的withDefault是给props设置默认值的。解决办法：直接不设置了。

export declare语法告诉编译器，此处的声明是供其他模块使用的，但是在当前模块中并没有实际的实现。因此，通过这种方式导出的常量，需要在其他模块中通过import语句进行引入，并且在编译时不会包含该常量的实际实现。通过这种方式导出的常量，可以在其他模块中直接通过import语句引入，并且可以直接使用该常量的值。综上所述，export declare const TestService用于导出类型声明，而export const TestService用于导出实际的常量值。

get，set,运行能看懂但是reflect，proxy看不懂，有时间看下源码。结合GeexCode和Gpt。

4. portal：通过teleport，可以将组件插入到应用程序之外的DOM节点中，例如在应用程序的根组件之外渲染一些全局的组件，如全局消息提示或开发者工具。需要注意的是，teleport只适用于具有全局性质的组件，且在使用时需将teleport的目标DOM元素写在teleport标签的to属性中。Vue3中的teleport主要用于将组件插入到DOM中指定的位置，特别适用于在组件外部添加内容或者在组件之外渲染内容。将注释取消可以看到他的位置发生了变化。还是不太能理解有啥用，问了下GPT。

在Vue3中，watch中的参数可以分为两部分，即要监听的响应式数据以及回调函数。

在Vue3中，可以通过ref和refs来访问子组件的方法。这样就可以在Vue3中调用子组件的方法了。最后，在父组件中，可以通过访问。首先，在父组件中使用。

【代码】封装useContext。