vue 父传子，子传父

父组件向子组件传值：
父：子组件添加行内便签v-bind:message=“orderListName”，之定义传参数orderListName:”13”.
子:接受传值内容props:[“message”],//父页面传值内容，以this.message赋值。
父组件：

<template>
	<div>
		<moduleName v-bind:message="orderListName"></moduleName>  <!-- message为传递媒介 -->
	</div>
</template>

<script>
	import moduleName from './page/moduleName.vue';
	export default {
		components:{
			 moduleName,
		},
		data() {
			return {
				orderListName:'传过去的值',
			}
		},
	}
	
</script>

子组件：

<template>
	<div>
		<p>{{message}}</p> 
	</div>
</template>

<script>
	export default {
		props:["message"],   //message为接受媒介
		data() {
			return {
			}
		},
	}
</script>

子组件向父组件传值:
子传值：发送传值内容 this.$emit(‘Roletapybut’,e); //e是可带入参数，
父接受：v-on:Roletapybut=“Roletapybut”，方法写入Roletapybut（e）{可以获取e传过来的值}。

子组件：

<template>
	<div>
		<p>{{message}}</p>
		<span @click="spanBox("带过去的值")">传值</span>
	</div>
</template>

<script>
	export default {
		props:["message"],
		data() {
			return {
				
			}
		},
		methods:{
			spanBox(e){
				this.$emit('Roletapybut',e);  //Roletapybut传递媒介父级用于接收
			}
		}
	}
</script>

父组件：

<template>
	<div>
		<moduleName v-bind:message="orderListName" v-on:Roletapybut="Roletapybut"></moduleName> 
		<!-- Roletapybut父组件的接受媒介 -->
	</div>
</template>

<script>
	import moduleName from './page/moduleName.vue';//左边
	export default {
		components:{
			 moduleName,
		},
		data() {
			return {
				orderListName:'传过去的值',
			}
		},
		methods:{
			Roletapybut(e){
				console.log(e);
				//可以打印出传递过来的值
			}
		}
	}
</script>