父组件调用子组件方法 & 子组件调用父组件方法

父组件调用子组件方法

一般情况下使用ref转发，为子组件定义一个ref属性，获取到子组件实例，之后就可以调用子组件的方法。

屏幕快照 2019-08-02 14.28.01.png

屏幕快照 2019-08-02 14.28.16.png

子组件调用父组件方法

通过props将父组件中的方法传递给子组件，子组件调用即可。

屏幕快照 2019-08-02 14.36.59.png

屏幕快照 2019-08-02 14.38.23.png

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • 第七章：vue.js组件详解Ⅰ（基础篇）
    组件（Component）是Vue.js最核心的功能，也是整个架构设计最精彩的地方，当然也是最难掌握的。...
    六个周阅读 10,956评论 0赞 32
  • react
    40、React 什么是React？React 是一个用于构建用户界面的框架（采用的是MVC模式）：集中处理VIE...
    萌妹撒阅读 4,755评论 0赞 1
  • React 高级指导 笔记
    深入JSX date:20170412笔记原文其实JSX是React.createElement(componen...
    gaoer1938阅读 12,480评论 2赞 35
  • 个人品牌打造
    1.保持前后一致性 2.增加神秘感（小漂亮最爱自拍，反而不好，一月两三次） 3.宣泄负能量（运动，冥想）不去索取价...
    美猴王方舟阅读 1,157评论 0赞 2
  • CS231n课程笔记四 反向传播
    导言 动机：为了高效的设计和调试神经网络，理解反向传播的机理是很重要的。问题描述：有了函数f（x）我们对于计算f在...
    与尔岩说阅读 3,696评论 0赞 0

友情链接更多精彩内容