vue父子组件互相调用函数（方法）

一、父组件调用子组件函数

父组件：

<template>

<child ref="editFun"></child>     //子组件绑定

</template>

父组件调用子组件函数

this.$refs.editFun.init( 参数);

子组件：

methods:{

     init(参数){

     }

}

二、子组件调用父组件函数

子组件

export default{

     props:{

        refreshList:{

            type:Function,

            default:null

        }

    }

}

子组件调用父组件函数

this.refreshList(参数）；

父组件：

<template>

<child ：refreshList=“initDom”></child>     //子组件绑定

</template>

methods:{

    initDom(参数){
    }

}

我开发的场景主要是查询列表的显示，修改回填，删除，增加等。