父子组件父子组件相互调用方法与属性

父组件主动获取子组件的数据和方法:

    1.调用子组件的时候定义一个ref,其中children为子组件别名

        <children ref="header"></children>

    2.在父组件脚本里面通过

        this.$refs.header.属性

        this.$refs.header.方法

子组件主动获取父组件的数据和方法,在子组件脚本中通过如下方式获取: 

        this.$parent.数据

        this.$parent.方法

在脚本中获取另一个组件的值时展示在页面,需要在mounted属性中加一个方法,初始化要展示的值,

posted @ 2019-06-21 06:57  BloggerSb  阅读(1410)  评论(0)    收藏  举报