Javascript can'；无法获取$emit以在vuejs中将道具传递给父级

为了更好地理解Vue，我正在制作一个todo应用程序，但遇到了一个障碍

我已经讨论了几个StackOverflow问题和Vuejs论坛，但我不明白我做得不对

问题源于

待办事项

组件模板：

  <button 
    @click="$emit('remove-item', {{item.id}} )">
    Remove
  </button>

添加待办事项

问题在于您试图在javascript执行的属性中使用模板语法：

<button 
    @click="$emit('remove-item', {{item.id}} )">

解决了这个问题，它应该会起作用：

Vue.component（“待办事项”{
道具：[“物品”]，
模板：`
{{item.text}
去除
`
})
让vm=新Vue({
el:“应用程序”，
数据：{
正文：“，
待办事项：[]
},
方法：{
getID:（函数（）{
设id=0；
返回函数（）{
返回id++；
}
}()),
addTodo:function（）{
this.todos.push（{id:this.getID（），text:this.text}）；
this.text=“”；
},
删除：功能（删除\u id）{
this.todos=this.todos.filter（（{id}）=>id！=remove_id）；
}
}
})

添加待办事项

问题在于您试图在javascript执行的属性中使用模板语法：

<button 
    @click="$emit('remove-item', {{item.id}} )">

解决了这个问题，它应该会起作用：

Vue.component（“待办事项”{
道具：[“物品”]，
模板：`
{{item.text}
去除
`
})
让vm=新Vue({
el:“应用程序”，
数据：{
正文：“，
待办事项：[]
},
方法：{
getID:（函数（）{
设id=0；
返回函数（）{
返回id++；
}
}()),
addTodo:function（）{
this.todos.push（{id:this.getID（），text:this.text}）；
this.text=“”；
},
删除：功能（删除\u id）{
this.todos=this.todos.filter（（{id}）=>id！=remove_id）；
}
}
})

添加待办事项

我以为这会很简单，但我的头撞到了墙上！非常感谢！没问题！很高兴我能帮上忙我想这很简单，但我的头撞到了墙上！非常感谢！没问题！很高兴我能帮忙