2023-01-18 [Vue warn]: Maximum recursive updates exceeded in component

2023年1月17日#Vue.js #Web10

AI 生成的摘要

组件中出现了“最大递归更新超过”的警告，意味着有一个响应式效果正在改变自身的依赖，导致递归触发。可能的原因包括组件模板、渲染函数、更新钩子或观察者源函数。问题出在props中使用了.reverse()，解决方案是提前调用reverse()，而不是在props中使用。

Maximum recursive updates exceeded in component
组件中超过最大递归更新

[Vue warn]: Maximum recursive updates exceeded in component <AppNavigation>. 
This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. 
Possible sources include component template, render function, updated hook or watcher source function.

后来发现是我在 props 里写了.reverse ()
="navigation.reverse()"

解决方案：
提前 reverse ()，不要写在 props 中