リアクティブ変換のために Vue のコンポジション API で深くネストされたプロパティをスキップするにはどうすればよいですか?

Question

vue-composition-API 内: reactive() メソッドを使用して、オブジェクトの一部を参照として保持したいと考えています。

---

カスタム カテゴリに属する​​製品がいくつかあります:

リーリー

とディープオブジェクト内の製品を参照する注文リスト:

リーリー

example.orders[0].product ==chair -> false でこれらが別のオブジェクトであることを確認しました。 また、example.orders[0].product が Product タイプではないこともわかりました。

さまざまな注文が可能であり、商品には大量のデータが含まれているため、

example.orders[].product に元の商品への参照を保持したいと考えています。

生成物自体の反応性は一定であるため、必要ありません。 (これは Electron アプリケーションです。プログラムが実行されている限り、内容は変更されません)

注文に応えたいだけです。

Answer 1

markRaw を使用:

リーリー

注: ラベルに記載されている警告をお読みください。