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

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

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

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