能不能由子组件直接调用父组件的函数,实现count更新?

来源:3-8 父子组件间如何通过事件进行通信(2)

程煦儿

2021-08-16

视频中讲,父组件调用子组件监听add事件

<counter @add="addHandler"/>

然后在子组件触发点击事件时,再通知父组件的add事件

this.$emit("add")

最终由父组件执行addHandler来完成数据更新。

但是我们前面有讲父组件可以直接向子组件传递函数,那么请问能不能直接将addHandler传递给子组件,然后由子组件触发父组件此数据更新呢?这个也不违背单向数据流的原则吧?

<counter :addHandler="addHandler"/>

经过测试可以实现,这样逻辑岂不是更简单?不过确实没别人这么用过,不知道什么原因,麻烦老师给讲讲呗。。。

写回答

1回答

Dell

2021-08-16

也可以这么做,React 就是这样实现的

0
3
程煦儿
回复
Dell
非常感谢dell老师,后续我再查查资料关注一下
2021-08-19
共3条回复

Vue3入门与项目实战 掌握完整知识体系

明星讲师DELL亲授,全方位知识点+高匹配度项目,入门到深度掌握

3382 学习 · 1454 问题

查看课程