猿问

vue.js使用公共事件总线

在练习vue框架的使用,在写一个todo的demo,我把input元素(new-input组件)和展示待办事项的ul,li元素(todo-items和todo-item组件)写成了两个平行的组件,现在在input组件中输入文字添加,使用公共事件总线触发update事件,在todo-items组件的生命周期中创建钩子函数监听update事件并修改组件中的数据,这时问题来了,报错显示该组件的todos数组为undefined

下面贴代码

https://img.mukewang.com/5c19ffbc0001398917000914.jpg

不知道什么原因,todo-items中的deleteItem方法又可以操作todos数组。

白板的微信
浏览 582回答 1
1回答

MM们

手机作答问题主要出现在bus.$emit那,bus是一个新的实例Vue,他的this没有todos,应该这样created里面:const that = this之后bus里面的 this改为that手机作答,就不写详细代码了,你应该懂了
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答