自定义 Hooks 是通过组合 Composition API 的函数实现逻辑复用的模式，类似于 React Hooks。封装步骤将可复用的逻辑提取为函数，函数名通常以use开头。在函数内部使用refreactivecomputed等响应式 API。返回需要暴露的响应式数据或方法。示例：封装鼠标位置跟踪 Hook使用示例setup() {优势逻辑高内聚、低耦合，易于跨组件复用。避免 Options

图片404优先查文件是否真实存在，不是查代码，数据库旧路径缓存是高频坑点；上传500报错99%是权限问题，优先改目录所属用户和权限；混合内容根源是后端返回localhost/HTTP地址，必须统一返回HTTPS域名；浏览器“不安全”不一定是项目问题，无痕模式验证是最准的判断方式；Node项目上线必须用PM2，杜绝终端关闭服务停止，禁止多进程冲突；所有线上环境，禁止出现对外暴露路径。

本文总结了Vue 3前端项目的核心JavaScript知识点：1) Vue 3 Composition API特性，包括<script setup>语法、响应式变量ref、生命周期钩子onMounted和路由钩子useRouter；2) 异步编程方式，重点介绍了async/await语法和try/catch错误处理；3) 函数定义方法，对比箭头函数和普通函数的使用场景；4) 数据处理技巧，包括对象