美文网首页
2019-1-2 父子组件及传值

2019-1-2 父子组件及传值

作者: ksh14 | 来源:发表于2019-01-02 19:53 被阅读0次

1.父子组件:组件的相互调用中,我们把调用者称为父组件,被调用者为子组件。

2.父子组件的传值:通过给组件设置一个属性,然后在父组件里调用this.props.属性名来赋值

注意:父组件不仅能把值传给子组件,还可以把方法传给子组件,甚至把父组件整个传给子组件。同时子组件也可以把值传给父组件。

3.父组件里操作子组件:

1)调用子组件的时候,先设置ref

2)通过调用this.refs.设置的ref名称,实现父组件主动调用子组件里的内容。(dom组件加载完成后才能获取)

截图里的header是2的内容,footer是3的内容掩饰

相关文章

网友评论

      本文标题:2019-1-2 父子组件及传值

      本文链接:https://www.haomeiwen.com/subject/vdxdlqtx.html