vue.js - 什么是 vue js 中的 $emit(\'remove\')

Question

我想从数组中创建一些列表项，并希望在我单击每个列表项时删除它们。当我单击每个项目时，每个项目都会被删除，但这里 $emit(\'remove\') 实际上是 vue js plaese帮助。

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

Answer 1

似乎它连接到绑定(bind)到该元素的发出事件。

<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)"

这是一个事件，因此当您单击该按钮时，将触发该事件并且该项目将从列表中删除。

并确保此列表项是组件，以便它使用该模板来呈现每个项目。

如果您还有其他问题，请随时提问。