vue组件化通信之子向父传值

vue组件化通信之子向父传值
vue组件化通信之兄弟组件传值

vue中子向父传递消息一般使用$emit，方法比较简单，直接看代码

父组件

<template>
	<div>
		<childTest @msg='myMsg'></childTest>
		{{msg}}
	</div>
</template>

<script>
	import childTest from './childTest.vue'
	export default {
		components: {
			childTest
		},
		data() {
			return {
				msg: ''
			}
		},
		methods:{
			myMsg(msg){
				this.msg = msg
			}
		}
	}
</script>

子组件

<template>
	<div>
	</div>
</template>

<script>
	export default {

		mounted() {
			this.$emit('msg','my vue emit')
		}
	}
</script>