vue父子组件互相调用对方的方法

1,280 阅读1分钟

一 父组件调用子组件的方法

1 通过ref调用,this.$refs[refName].functionName(); 
2 通过$emit,this.$emit('functionname',arguments)
是子组件中调用父组件方法的方式,但也可以利用arguments,传进去一个function,那么在父组件接收这个function后,就可以在父组件中传值和调用,在子组件中执行。这有时候是个很神奇的方法,因为可以利用它,在子组件既可以执行父组件的方法又能获取父组件中的实时数据。

3 通过依赖注入provide/inject
4 通过this.$children,不推荐

子组件调用父组件的方法

1 通过$emit

2 this.$parent,不推荐