悦涵仙子的技术笔记本

这个示例展示了如何使用 Vue Router 的 router-link 的 custom 属性和 v-slot 来实现高度自定义的路由导航组件。通过 v-slot，我们可以访问到 navigate 函数来控制导航，并可以根据路由的活动状态来动态改变按钮的样式。插槽：我们通过插槽传入了按钮的文本内容，例如 “Go to Home”、“Go to About” 等，允许每个链接自定义显示的文本。custom 属性：启用了 router-link 的自定义插槽，允许我们替换默认的。

在 v-for 中绑定 ref 到模板元素和组件的简写方式。

添加到组件 v-model 的修饰符将通过 modelModifiers prop 提供给组件。在下面的示例中，我们创建了一个组件，其中包含默认为空对象的 modelModifiers proptitle?: string,: {: {: {: {emit('update:modelValue' , false) emit('update:title' , '我要改变') }()emit('update:title', '我要改变')

在 Vue 3 中，有两种声明组件的方式。

实例方法已被移除，组件实例不再实现事件触发接口，因此大家熟悉的EventBus便无法使用了。在 Vue 3 中，兄弟组件之间传参无法直接进行，需要通过共同的父组件或全局状态管理工具来实现。3.使用方法通过emit派发， on 方法添加事件，off 方法移除，clear 清空所有。兄弟A组件更改从父组件provide过来的值，导致兄弟B组件inject的值也发生改变。兄弟组件可以通过父组件传递数据，利用事件 (emit) 和 props 实现通信。// 用于存储兄弟组件之间传递的数据。A组件派发（emit）

在 Vue 3 中，provide 和 inject 是一对用于依赖注入的 API，可以在组件树中共享数据或功能，而无需通过 props 明确传递或使用事件进行通信。这对于管理共享状态、配置或服务特别有用。

defineProps 提供了一种简洁的方式来声明和处理组件的 props，尤其是在 Vue 3 的 Composition API 中。在 Vue 3 中，defineProps 是 Composition API 中的一个函数，用于在子组件中声明接收的 props。在这个例子中，defineProps 会返回一个 props 对象，你可以在组件中通过解构或直接引用来访问传递进来的 props。语法糖，在常规的 Vue 3 Composition API 中，你还是需要使用 props 选项。

这样赋值页面是不会变化的因为会脱离响应式。

作用域插槽keep-alive的include属性动态组件

【代码】toRef，toRefs，toRaw。

qs 是一个常用的 JavaScript 库（全称为 query-string 或 qs），它用于处理 URL 查询字符串。qs.parse(query) 会将查询字符串解析成一个对象。假设有一个查询字符串 param1=value1¶m2=value2，语句解析：qs.parse(query)

它允许你安全地访问对象的嵌套属性，而不会因为中间某个属性为 null 或 undefined 而导致程序抛出错误。

在 SCSS 文件中定义 CSS 自定义属性。然后通过 JavaScript 读取这些属性。:root {使用示例.login {

env.stage.env.prod.env.local.env.dev.gitignore。

NODE_ENV=…可以在命令中设置，也可以在 .env 文件中设置。在某些情况下，若想在 vite build 时运行不同的模式来渲染不同的标题，你可以通过传递 --mode 选项标志来覆盖命令使用的默认模式。npx rimraf node_modules 这个命令是在使用 Node.js 开发时，用于删除项目中的 node_modules 文件夹的命令。使用 Node.js 运行 Vite 的构建命令，并手动设置 Node.js 的老生代内存限制为 8 GB，以确保在构建大型项目时有足够的内存可用。

随着在 .env[mode] 文件中自定义了越来越多的环境变量，你可能想要在代码中获取这些以 VITE_ 为前缀的用户自定义环境变量的 TypeScript 智能提示。如果环境变量在 import.meta.env 中不存在，比如不存在的 %NON_EXISTENT%，则会将被忽略而不被替换，这与 JS 中的 import.meta.env.NON_EXISTENT 不同，JS 中会被替换为 undefined。二、另外，Vite 执行时已经存在的环境变量有最高的优先级，不会被 .env 类文件覆盖。

注意：编码者没有编写return指定函数返回值，所以logMessage函数是没有显式返回值的，但会有一个隐式返回值 ，是undefined，虽然函数返回类型为void，但也是可以接受undefined的，简单记：undefined是void可以接受的一种“空”。泛型允许我们在定义函数、类或接口时，使用类型参数来表示未指定的类型，这些参数在具体使用时，才被指定具体的类型，泛型能让同一段代码适用于多种类型，同时仍然保持类型的安全性。TS会根据我们的代码，进行类型推导，例如下面代码中的变量d，只能存储数字。

它由如下 3 部分组成：① yudao-spring-boot-starter-biz-pay (opens new window)组件：对接微信、支付宝等支付，提供统一的 PayClient 支付客户端 (opens new window)。② yudao-module-pay (opens new window)后端模块：实现支付中心的后端功能，包括支付、退款等能力。基于 PayClient 支付客户端，对接微信、支付宝等支付渠道。

这些方法主要用于处理身份验证、登录表单和租户信息的存储和检索。它们使用了 wsCache 对象来进行缓存操作,并且在处理密码时使用了加密和解密函数。需要注意的是,这个文件中还定义了一些类型和常量,如 LoginFormType 和各种缓存键名。这些不是方法,但对于理解和使用这些方法很重要。

vue3:原生的DOM事件不管是放在标签身上、组件标签身上都是原生DOM事件，利用defineEmits方法返回函数触发自定义事件，defineEmits方法不需要引入直接使用。