vue2子父组件传值

子传父

父

<template>
	<view>
		<comp @getMsg="openMsg"></comp>
	</view>
</template>

<script>
	import comp from '../../componets/comp.vue'
	export default {
		components: {
			comp
		},
		methods: {
			openMsg(msg){
				console.log(msg)
			}
		}
	}
</script>

子

<template>
	<view>
	<button @click="sendMsg">发送消息</button>	
	</view>
</template>

<script>
	export default {
		methods:{
			// 子传父
			sendMsg(){
				this.$emit('getMsg',"Im son")
			}
		}
	}
</script>

父传子

父

<template>
	<view>
		<comp :title="title"></comp>
	</view>
</template>

<script>
	import comp from '../../componets/comp.vue'
	export default {
		components: {
			comp
		},
		data() {
			return {
				title: 'Hello'
			}
		},
	}
</script>

子

<template>
	<view>
	
	</view>
</template>

<script>
	export default {
		props: {
			title: String
		},
		created() {
			console.log("执行" + this.title)

		}
	}
</script>

<style>
</style>