为什么需要 Teleport？ 以 Dialog 组件为例，通常需要在一个组件中引入 Dialog 组件。然而，有时一部分逻辑属于 Dialog 所在的组件中，从技术角度来看，最好将这一部分移动到根节点之外的位置。 另外一个问题， 当 Dialog 组件使用 position ...

为什么需要Composition API ? 主要原因：当一个组件的变得逻辑复杂的时候，痛点：多种逻辑代码被分散到组件的各个部分，比如代码的相关逻辑可能会在 data: {. ...

在Vue3.0中创建响应式数据需要引用ref，reactive这两个方法，ref一般用来创建基本数据类型的响应式数据，reactive一般用来创建引用数据类型的响应式数据。 在模板中使用，跟之前没有区别，需要注意的是，ref属于将基本类型数据包装成应用类型，在模板中正常使用。在方法中 ...

动画片多啦A梦相信大家很多都看过，而且近几年又出现了相关的电影，作为小编一个男生来说，一直是对里面的静香念念不忘，有点跑偏了哈，今天小编介绍的Teleport就和多啦A梦的任意门一样，可以穿梭到任何的DOM中的任何地方 模态框一直是实际开发中用到比较多的功能之一，在没有各种各样的组件之前 ...

自定义指令分为全局和局部两种类型，大家并不陌生。今天我们就讲讲在 vue3 中，自定义指令定义、使用以及钩子函数都有哪些变化？ 一、注册自定义指令 以下实例都是实现一个输入框自动获取焦点的自定义指令。 1.1、全局自定义指令 在vue2中，全局自定义指令通过 directive 挂载 ...

本篇文章干货较多，建议收藏！ 从 vue2 升级到 vue3，vue3 是可以兼容 vue2 的，所以 vue3 可以采用 vue2 的选项式API。由于选项式API一个变量存在于多处，如果出现问题时，就需要去多个函数内检查，项目较大时，遇到问题，增加排故的难度。所以 vue3 中新 ...

我对teleport的理解 场景描述 容器下有a-test组件 a-test组件下有b-test组件 b-test组件下有c-mask[弹窗组件]组件 c-mask[弹窗组件]组件移动到body下 主要注意的地方 index.html 创建一个容器 ...

1、使用element-plus时默认的语言是英文，如何将其设置为中文，使用 el-config-provider 来进行配置 同时还需要再vite.config.ts文件中引入对应的 ...