最初は空のマップの周囲に reactivity があります: const map =reactive({}); と、マップが次のようになったかどうかを示す calculationキー「key」: const mapContainsKeyCompulated = Computed(() => map.hasOwnProperty("key"))。マップを変更しても計算が更新されません。

私は 1 日この問題で立ち往生していましたが、なんとか問題を示す最小限の例を思いつきました。

スタックオーバーフローの回答と Vue のドキュメントをたくさん読みましたが、まだ理解できません。

• mapContainsKeyCompulated が更新されないのはなぜですか?
• reactive がマップへのキーの追加または削除を「追跡」しない場合、なぜ Map:{{map}} (行 14) は正常に更新されるのでしょうか?
• map{} を array[] に置き換え、「hasOwnProperty」を「includes()」に置き換えると、正常に動作します。違いはなんですか？
• 醜い「watch」ソリューション (「map.hasOwnProperty(key)」を繰り返す必要がある) を使用せずにこの問題を解決するにはどうすればよいですか?

編集: @estus-flask が述べたように、これは 3.2.46 で修正された VueJS のバグです。