vue踩坑集合

1.computed的使用导致多次触发
bug复现：
根据路由加载动态组件，使用了computed 监听路由变化，离开页面会重新加载组件，触发钩子函数。
computed会执行两次，而第一次是没有数据的，需要额外进行处理。今天用一种简单的方式即可解决。

添加链接描述

2.eslint 编译不通过，props 定义未使用
解决办法：
// eslint-disable-next-line @typescript-eslint/no-unused-vars

vue3 项目启动报504

1. 问题描述：npm run dev 一个vue3项目，local本地地址访问504(Outdated Optimize Dep)，network地址正常访问

2. 解决办法，删除node_modules,重新npm install ,如果还不行就多试几次

3. 问题分析：误信息 “Outdated Optimize Dep” 表示 Vue 3 项目中的某些依赖项存在过时的优化。这可能导致本地地址访问出现问题，而网络地址正常访问的原因是网络地址可能使用了较新版本的依赖项，或者网络环境和本地环境有所不同。