vue中父组件传给子组件还能通过ref来执行子组件的方法，然后通过传参的形式传递

有两个方法；一种是通过ref来调用子组件的方法，然后传参传递；第二种是通过ref来给子组件中定义的变量赋值；
父组件：

<template>
 	<div>
 		<Son ref = "son"></Son>
 		<div @click = "toSon">点我传递</div>
 	</div>
</template>
<script>
import Son from './components/Son.vue'
export default {
	components:{Son},
	data() {
		return {
			info:'我是父组件信息'
		}
	},
	methods:{
		toSon() {
			this.$refs.son.init("我是要传递的参数")	// 通过调用子组件方法
			this.$refs.son.info= this.info	// 通过赋值给子组件的变量
		}
	}
}
</script>

子组件：

<template>
 	<div>我是子组件</div>
</template>
<script>
import Son from './components/Son.vue'
export default {
	components:{Son},
	data() {
		return {
			info:''
		}
	},
	methods:{
		init(data) {
			console.log("父组件传过来的参数",data)
		}
	}
}
</script>