関数内で vue コンポーザブル インスタンスにアクセスしますか?

Question

アプリケーション全体で何度も再利用したい、単純な vue コンポーズ可能な関数があるとします。この場合、これにはリアクティブ プロパティ (products、製品のリストを含む配列) と、新しい要素を配列にプッシュするメソッド "addProduct" があります。

エクスポート関数 useCart(){
    const 積 = ref([])

    const addProduct() =>{
        products.push({アイテム: "ベースボール キャップ"、数量: 1})
    }

    戻る {
        製品、
        製品を追加
    }
}

うまくいきます。ただし、行がプロパティ「cart」を介して親「cart」にアクセスできるように、コンポーザブル カートのインスタンスを各行に渡したいと考えています。

次のことが機能することを願っています。 「this」は、関数が呼び出されるオブジェクト (ショッピング カート インスタンス) を参照する必要があると思います。

エクスポート関数 useCart(){
    const 積 = ref([])

    const addProduct() =>{
        //これはカート コンポーザブルのインスタンスである必要がありますか?
        products.push({商品名: 「ベースボールキャップ」、数量: 1、カート: この})
    }

    戻る {
        製品、
        製品を追加
    }
}

しかし、コンポーザブルを使用してコンポーネントでテストすると、「this」の値が未定義になります:

const testCart = useCart
testCart.addProduct()
このコンテキストでは「this」が定義されていないのはなぜですか?また、コンポーザブル メソッド内のコンポーザブル インスタンスにアクセスするにはどうすればよいですか? 
            

Answer 1

正しく行えば、うまくいきます。

ただし、lambda にはコンテキストがなく、this = windowcode># # であるため、lambda の代わりに functions() を使用する必要があります。 # リーリー

しかし、.cart 属性で

this コンテキストを使用するのに問題があります。

cart.products.value[0].cart.products に似ています。それはうまくいきません。

設計を再考することをお勧めします。そんなことはしません。

遊び場をチェックしてください。 2回目は窓口です。

リーリー リーリー