2023-01-18 [Vue warn]: コンポーネントでの最大再帰更新数を超えました

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

AI 翻訳

この記事はAIを通じて英語から日本語に翻訳されました。原文を表示

AI が生成した要約

コンポーネント内で最大再帰更新を超えたという警告が表示されました。これは、反応的な効果が自身の依存関係を変更し、再帰的に自分をトリガーしていることを意味します。原因としては、コンポーネントのテンプレート、レンダリング関数、更新フック、またはウォッチャーのソース関数が考えられます。問題は、props内で.reverse()を使用していたことに気づきました。解決策として、props内ではなく、事前に.reverse()を呼び出すことが推奨されます。

コンポーネント内で最大再帰更新を超えました

[Vue warn]: コンポーネント <AppNavigation> で最大再帰更新を超えました。
これは、反応的効果が自身の依存関係を変更し、それによって再帰的に自分自身をトリガーしていることを意味します。
考えられる原因には、コンポーネントテンプレート、レンダリング関数、更新フック、またはウォッチャーソース関数が含まれます。

後で、props に.reverse () を書いていたことが原因だとわかりました。
="navigation.reverse()"

解決策：
reverse () を事前に実行し、props には書かないこと。