vue jsで$ emit（\ 'remove \'）とは

Question

配列からいくつかのリストアイテムを作成したいのですが、各リストアイテムをクリックするとそれらを削除します。各アイテムをクリックすると各アイテムが削除されますが、ここで$ emit （\ 'remove \'）は、実際にはvue js plaeseのヘルプです。

<button v-on:click="$emit(\'remove\')">X</button> 

Answer 1

この要素にバインドされたイベントを出力するように見えます。

<button v-on:click="$emit(\'remove\')">X</button> 

が宣言内のコードのこの部分に接続されている、あなたはこのコードを見ることができますあなたの例では真上ここ

<li 
    is="todo-item" 
    v-for="(todo, index) in todos" 
    v-bind:title="todo" 
    v-on:remove="todos.splice(index, 1)" 
></li> 

であるあなたが見ることができます：

v-on:remove="todos.splice(index, 1)" 

これはそのイベントはそのボタンをクリックすると解雇され、そのアイテムはリストから削除されます。

このリストアイテムがコンポーネントであることを確認して、そのテンプレートを使用して各アイテムをレンダリングしてください。

ご質問がありましたらお気軽にお問い合わせください。