レンダリング中に「toggleFavorites」プロパティにアクセスしましたが、インスタンス エラーでプロパティが未定義でした

Question

vuejs2 CLI オプション API を使用して Web アプリケーションを作成しており、イベント エミッターを作成しようとしていますが、コンソールにエラーがあると表示され続け、イベント エミッターのあるボタンをクリックしても何も表示されません.

エラーがコンソールに表示される

これは子コンポーネントのコードです:

リーリー

toggleFavs メソッドを使用する最初のボタンは、このメソッドを使用してイベント エミッターを送信するボタンです

リーリー

App.vue のメインコンポーネントのコードは次のとおりです:

リーリー

イベント メソッドは次のように定義されます:

リーリー

助けてください、行き詰まっています。

これはコードです:

Answer 1

コードには 2 つの問題があります。最初のものは @BoussadjraBrahim によって言及されましたが、これはタイプミスです (メソッドの代わりにメソッド)。 2 番目の問題は、App.vue に FriendContact コンポーネントをインポートせず、components オブジェクトに追加していないことです。

リーリー

修正例コード