实现以mp4视频为背景。

reactive函数是 Vue 3 中用于创建响应式对象的重要工具，它基于 Proxy 和 Reflect API 实现了高效的响应式系统。通过reactive函数，你可以将普通的 JavaScript 对象转换为响应式对象，当对象的属性发生变化时，相关的视图会自动更新。在使用reactive函数时，需要注意它仅支持对象类型，解构赋值会丢失响应性，以及避免直接替换响应式对象等问题。同时，结合 Vu

ref：适用于基本数据类型或需要解构赋值的情况，在模板中使用时无需.value，但在 JavaScript 中访问需要.value。示例代码如下：// 访问响应式数据的值需要使用.valuereactive：适用于对象和数组，能自动追踪对象内部的属性变化，无需额外配置。示例代码如下：综上所述，ref更适合基本数据类型，reactive更适合对象和数组。在模板中使用ref时无需.value，但在 J

*视距属于transform的前置属性,写在父级中*//*视距值越大,变化越小,反之,视距值越小,变化越大*//*3D位移简写,值1是X轴，值2是Y轴,值3是Z轴*//*z轴方向位移不能设置百分比*//*视距的默认值是:无穷大*//*Z轴:正往前,负往后*/

调用res.json()会返回另一个Promise，该Promise解析为实际的数据。因此，第一个console.log(res)打印的是Response对象本身，而第二个.then中的res才是解析后的JSON数据。如果 res.json() 解析失败（如响应体不是合法的 JSON），第二个 .then 不会执行，而是触发 .catch。fetch的兼容性很差，大部分浏览器都不支持，幸运的是可以

HTTP请求和响应拦截器是一种在HTTP请求发送之前和响应接收之后，对请求和响应进行统一处理的方式。通过拦截器，可以在不修改每个请求处理逻辑的情况下，对所有HTTP请求和响应进行统一的处理。在Axios中，可以通过axios.interceptors.request和axios.interceptors.response来添加请求和响应拦截器。拦截器允许我们在请求发送前修改请求配置，或者在响应接收

Vue3的生命周期是指组件从创建到销毁的整个过程，期间会触发一系列钩子函数，允许我们在特定阶段执行代码。理解生命周期有助于更好地控制组件行为。选项式API（Options API）：与Vue2类似的生命周期钩子组合式API（Composition API）：通过导入函数使用的生命周期钩子Vue3生命周期提供了组件不同阶段的钩子函数，使我们能够精确控制组件行为。无论是使用选项式API还是组合式API

如果使用了“autoplay”属性，preload属性不会生效。preload属性：页面加载时就开始加载音频，并”预备播放“autoplay属性：音频在就绪后”马上播放“

一、自定义Hook基础概念1.1 什么是自定义Hook？1.2 第一个自定义Hook：useCounter二、自定义Hook进阶应用2.1 带选项的自定义Hook：useLocalStorage2.2 异步数据获取Hook：useFetch三、组合多个Hook的高级应用3.1 组合Hook示例：useUserData四、自定义Hook最佳实践4.1 命名规范4.2 代码组织4.3 状态管理4.4

<p>原始值: {{ count }}</p><p>计算后的值: {{ doubledCount }}</p><button @click="increment">增加</button>