問題タブ [dynamic-rebinding]

Vue を使用して、テーブルにバインドする必要があるデータのリストを取得します。特定のパラメータに基づいてリストをフィルタリングおよびソートする計算プロパティを作成しました。

最初は、すべてのロジックを 1 つのファイルにまとめていたので、問題なく動作しましたが、非常に低速でした。テーブル データのコンポーネントを作成するとパフォーマンスが向上することがわかったので、v-for ループを使用して、各項目を独自のコンポーネントにプッシュしました。

これにより、パフォーマンスがいくらか向上しましたが、ソート機能が機能しなくなりました。v-for は計算されたプロパティを反復処理し、データの順序が変更されても、UI 内のオブジェクトのリストを並べ替えません。しかし、コンソールを確認すると、リストの順序が変更されました。データリストを再バインドするために必要な呼び出しはありますか。リストを破棄して再作成すると思いますが、パフォーマンスを向上させようとしています。