网站地图    收藏   

主页 > 前端 > vue教程 >

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

来源:自学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网。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论