组件通讯时使用 v-model

父组件传递给子组件数据，子组件使用 props 接收，但是 props 是单向数据流，不能在子组件直接修改父组件传递给子组件数据，所以不能在子组件使用 v-model

在父组件子组件标签上使用 v-model ，需在子组件上使用 : value=‘’ value ‘’ ，动态绑定 value 值，使用 @input = ‘’ input ‘’ 绑定 input 事件

（因为 v-model 相当于在父组件的子组件标签上自定义 : value=‘’ value ‘’ , @input =‘’ input’’ ）

//在父组件中
<template>
	<div>
		<myinput v-model="msg"></myinput>
	</div>
</template>
 
<script>
    import myinput from '../components/myinput.vue'
	export default {
		components:{myinput},
        data:function(){
			return {
				msg: 'hello'
			}
		},
	}
</script>
 
 
 
//在子组件中
<template>
	<div>
		<input type="text" :value="value" @input="input">
	</div>
</template>
 
<script>
	export default {
		props:['value'],
		methods:{
			input(e){
				console.log(e.target.value)
				this.$emit('input',e.target.value)
			}
		}
	}
</script>