Vue子组件向父组件通信与父组件调用子组件中的方法
子组件向父组件通信子组件的button按钮绑定点击事件,事件方法名为 该方法在子组件的methods中声明,实现功能 在父组件引入子组件,并给cus-event事件绑定doAction($event)方法,该方法中 而msg已经在data中声明,其值为”子级消息”,故最终的输出结果为: 展示父级接收到的消息:子级消息 父组件调用子组件中的方法点击父组件的button按钮,触发了click事件指向的useChild方法[该方法的行为是输出”父级消息”], useChild方法在父组件的中的methods中声明,调用子组件中的方法,并传入参数str,即 而getMsg方法已经在子组件的methods中声明,其行为是 所以,最终的输出结果为: 子级组件收到父级的内容 父级消息 代码示例(结合上面的分析理解代码)
子向父通信
效果图 总结以上所述是小编给大家介绍的Vue子组件向父组件通信与父组件调用子组件中的方法。编程之家 52php.cn 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |