Vue父组件调用子组件函数实现-自学php网

来源：自学PHP网时间：2021-09-12 21:54 作者：小飞侠阅读:次

[导读] Vue父组件调用子组件函数实现...

今天带来Vue父组件调用子组件函数实现教程详解

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

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

文章中的项目已经通过脚手架去创建。

DEMO:

Father.js

Son.js

效果图

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

Tips:

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

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

以上就是关于Vue父组件调用子组件函数实现全部内容,感谢大家支持自学php网。