Vue父组件调用子组件函数实现 Vue父组件调用子组件函数实现

Vue父组件调用子组件的函数

父组件通过事件调用子组件的函数。例如父组件通过点击事件让子组件发请求。

文章中的项目已经通过脚手架去创建。
【Vue父组件调用子组件函数实现】DEMO:

Father.js

Son.js

效果图

文章图片

父组件调用子组件函数，可以使用在父组件通过点击发请求，根据点击事件，子组件也发请求。可以区别于父组件点击发请求，获取到数据，再把数据通过组件传值的方式传给子组件。
Tips:

Father.js:this.$refs.son.say(括号内可以将父组件的数据传到子组件); Son.js:say(接收父组件传到子组件的数据){ //对数据的使用}

到此这篇关于java设计模式之观察者模式的介绍及使用的文章就介绍到这了,更多相关观察者模式内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

Vue父组件调用子组件函数实现