ピニア状態にオブザーバーを配置したい深いオブジェクトがあります。

export const useProductStore =defineStore("product", { 状態: () => ({ 属性: {}、 })、 }); 

オブジェクトの内部にデータがある場合、次のようになります:

属性: { 英語： { 0: { キー: "key1"、 値: "値1" }、 1: { キー: "key2"、 値: "値2" }、 ... } } 

このオブジェクトにオブザーバーを配置しようとしていますが、値が変化してもオブザーバーは起動しません。これは、これを実行しようとしているコンポーネントです:

      <スクリプトのセットアップ>
       import { useProductStore } from "@/stores/ProductStore"; "pinia" から {storeToRefs } をインポートします。 const productStore = useProductStore(); const { 属性 } = storeToRefs(productStore); watch(() => ({...属性}), (newValue, oldValue) => { console.log(oldValue); console.log(newValue); }, { 深い: true });  

これは pinia のドキュメントから直接引用したものですが、状態を変更しても何も起こりません。 vue dev ツールを使用すると、状態オブジェクトが変化していることがわかり、それがリアクティブであることがわかります。私は何を取りこぼしたか？