vue子父组件传递方法和值

1.子组件调用父组件两种方法。

this.$parent.fatherMethod('hello');

<template>
	<child @fatherMethod="fatherMethodOther"></child>
</template>


this.$emit('fatherMethod', 'hello');

2.父组件调用子组件的方法

<template>
	<Button @click="handleClick">点击调用子组件方法</Button>
</template>

this.$refs.child.SonMethod();

总结：

父组件调用子组件或DOM元素的属性和方法：

this.$refs.refName.属性
this.$refs.refName.方法

子组件或DOM元素调用父组件的属性或方法：

this.$parent.属性
this.$parent.方法

原文地址：https://blog.csdn.net/qq_40783611/article/details/96157252

第二篇地址 更详细：https://www.cnblogs.com/cx709452428/p/10616983.html