父组件中如何动态绑定子组件中v-model的值？

父组件

<template>
	<view>
		<dh-nav-bar :name="name" @input="inputClick"></dh-nav-bar>
	</view>
</template>

<script>
	import dhNavBar from '../../components/dh-nav-bar.vue'
	export default {
		components:{
			dhNavBar 
		},
		data() {
			return {
				name:'',
			}
		},
		methods: {
		// 监听输入框事件
			inputClick(e) {
				console.log(e);
			}
		}
	}
</script>

<style>

</style>

子组件

<template>
	<view>
		<input type="text" :value="tname" @input="$emit('input',$event.detail.value)"/>
	</view>
</template>

<script>
	export default {
	// 监听上一页面传递过来的值
		props: {
			tname: String
		},
		data() {
			return{
			// 定义v-model绑定的值为上一页面传递过来的值
				name:this.tname
			}
		}
	}
</script>

<style>
</style>