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

Jan 17, 2023#Vue.js #Web11

AI-generated summary

The warning "Maximum recursive updates exceeded in component" indicates that a reactive effect is modifying its own dependencies, causing infinite recursion. This can occur in the component's template, render function, updated hook, or watcher function. The issue was identified as using `.reverse()` directly in props (`:data="navigation.reverse()"`). The solution is to reverse the data beforehand instead of within the 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 中