Vue の「emit」メソッドの置き換え

Question

「emit」を使用すると Vue が文句を言う 機能的に同等の 代替手段を探しています

これはやるべきことリストになります

＃＃＃コード：

<button @click="$emit('delete-todo-event', todo.id)">Button</button>

ブラウザコンソールの警告:

runtime-core.esm-bundler.js?5c40:38 [Vue warn]: 無関係の発行されていないイベント リスナー (deleteTodoEvent) がコンポーネントに渡されましたが、コンポーネントがフラグメントまたはテキスト ルートをレンダリングするため、自動的に継承できませんノード。リスナーをコンポーネントのカスタム イベント リスナーとしてのみ使用する場合は、「emis」オプションを使用して宣言します。 <ToDos todoEntries= (9) [Agent,Agent,Agent,Agent,Agent,Agent,Agent,Agent,Agent] onDeleteTodoEvent=fn<bound deleteToDoItem> > at <App>

Answer 1

Vue 3 を使用しているようです。この警告は、イベントがコンポーネントで使用される前に宣言されていないことを示します。以下に例を示します:

デフォルトのエクスポート {
  名前: "あなたのコンポーネント"、
  発行: ["deleteTodoEvent"], // <--- this is what the warning in hinting to
  setup(_,{ emit }) {
    ...
  },
};