什么是vue js中的$ emit（\'remove \'）

Question

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

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

Answer 1

似乎它连接到与该元素绑定的emit事件。

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

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

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

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