m0_74293254的博客

在 Vue 3.5 中，自定义元素（Custom Elements）得到了显著的改进，修复了许多与 defineCustomElement API 相关的长期存在的问题，并添加了许多新功能。这些改进使得使用 Vue 创建自定义元素更加灵活和强大。自定义元素的应用程序配置通过选项支持自定义元素的应用程序配置，在 Vue 3.5 中，你可以通过 configureApp 选项来配置自定义元素的应用程序。这使得你可以在定义自定义元素时进行更细粒度的配置。// 组件选项</div>',// 配置应用程序。

国内的 NPM 源镜像可以通过指定不同的镜像地址来加速下载依赖包。以下是几种常用的国内 NPM 源镜像地址和设置方法：常用国内 NPM 源镜像：npm 官方原始镜像：https://registry.npmjs.org/淘宝 NPM 镜像：http://registry.npmmirror.com阿里云 NPM 镜像：https://npm.aliyun.com腾讯云 NPM 镜像：https://mirrors.cloud.tencent.com/npm/

-- 表单元素 -->

防抖：在用户停止操作一段时间后执行操作。节流：在一定时间间隔内只执行一次操作。

特性shallowRef创建方式响应式处理只对顶层属性进行响应式处理只对顶层属性进行响应式处理嵌套对象的响应式嵌套对象不是响应式的嵌套对象不是响应式的访问方式通过.value访问直接访问适用场景需要浅层响应式的简单对象需要浅层响应式的简单对象shallowRef 和 shallowReactive 都是浅层响应式工具，只对对象的顶层属性进行响应式处理。它们都不会递归地对嵌套对象进行响应式处理。

自定义事件是 Vue 中用来实现子组件与父组件之间通信的一种方式。概述自定义事件用于子组件向父组件传递信息。子组件通过 emit 方法触发事件，父组件通过 v-on 监听这些事件并响应。区分原生事件与自定义事件原生事件事件名是固定的，如 click、mouseenter 等。事件对象 $event 包含关于事件的详细信息，如 pageX、pageY、target 和 keyCode。自定义事件事件名是任意名称，如 update, customEvent 等。

在 Vue3 中，自定义钩子（或称为自定义组合函数）是一个函数，利用了 Vue 的组合式 API（Composition API），它封装了逻辑并允许在多个组件之间共享和复用这些逻辑。这与 Vue2 中的 mixin 类似，但自定义钩子更具灵活性和可维护性。复用代码: 自定义 hook 可以将逻辑封装在一个函数中，并在多个组件中使用。这避免了重复编写相同的逻辑，并提高了代码的重用性。逻辑清晰: 将逻辑提取到自定义 hook 中，可以使 setup 函数中的代码更简洁。

装饰器是 TypeScript 中强大的功能之一，它允许我们在编译阶段静态地修改类的行为和属性。通过类装饰器、方法装饰器、属性装饰器和参数装饰器，我们可以实现各种复杂的逻辑和模式，使代码更具可读性和可维护性。

遍历值：遍历集合的值而不是属性。适用于：数组、Set、Map、字符串等实现了可迭代协议的对象。遍历键名：遍历对象的键名，包括继承的属性。适用于：普通对象的属性遍历，通常不用于数组或类似数组对象的迭代。for..of 用于遍历集合的值，而 for..in 用于遍历对象的属性（键名）。

模块是 JavaScript 中用来组织和复用代码的重要机制。从 ECMAScript 2015 开始，JavaScript 正式引入了模块的概念，这一概念在 TypeScript 中也得到了支持和扩展。作用域限制： 模块在自身的作用域内执行，不会污染全局作用域。模块内部定义的变量、函数、类等，默认情况下对外部是不可见的，除非使用 export 明确导出。导入和导出： 若要在模块之间共享功能，需要使用 export 将变量、函数、类等导出；同时使用 import 来引入其它模块导出的内容。

自定义类型可以让我们更灵活地限制变量的类型，以适应特定需求或约束。在 TypeScript 中，我们可以使用接口（interface）或类型别名（type alias）来自定义类型。使用接口定义类型// 定义一个接口来描述一个用户对象的结构id: number;age?: number;// 可选属性// 声明一个符合 User 接口的变量id: 1,age: 30。

在 TypeScript 中，"never" 是一个表示永远不会发生的值类型。

【代码】用vue3实现留言板功能。

2、语法： 使用 let 响应式对象 = reactive(源对象) 来创建一个响应式对象，其中 响应式对象 是你想要创建的响应式对象的变量名，源对象 是你想要转换为响应式对象的普通 JavaScript 对象。监视 ref 定义的【对象类型】数据：直接写数据名，监视的是对象的【地址值】，若想监视对象内部的数据，要手动开启深度监视（deep: true）。结论：监视的要是对象里的属性，那么最好写函数式，注意点：若是对象监视的是地址值，需要关注对象内部，需要手动开启深度监视（deep: true）。

Vue.js 的第三个主要版本是 Vue 3。: Vite 采用了一种按需编译的方式，只有在需要的时候才会编译相应的模块，而不是等待整个应用编译完成。综上所述，Vite 的优势在于其快速的热重载、开箱即用的支持、按需编译、快速启动服务和优化的构建性能，这些特点使得前端开发过程更加高效和愉快。总的来说，Vue 3 保留了 Vue.js 的简洁性和易用性，并通过引入新特性和优化现有功能来提高开发效率和应用性能。: Vite 提供了快速的热模块重载，使开发者能够即时看到代码更改后的效果，提高了开发效率。

第三步：关闭vscode，并重启。第一步：点击env.d.ts。第二步：输入以下两行代码。

官方网站：中文文档: Webpack 入门教程：vue3知识宝库：