<template>
    <div>
        <input type="text" v-model="count"/>
        <!--子组件v-bind 绑定count到子组件身上-->
        <user :count= count></user>
    </div>
</template>
<script>
import user from './user'
export default {
    data(){
        return{
            count: ''
        }
    },
    components:{
        user
    }
}
</script>

<template>
    <!--获取父组件传来的值-->
    <div>user{{count}}</div>
</template>
<script>
export default {
    name: 'user',
    //子组件接收count
    props:{
        count:String,
        required: true
    }
}
</script>

<template>
    <div>
        <!--点击触发chufa方法，this.$emit传值-->
        <input type="button" value="触发" @click="chufa">
    </div>
</template>
<script>
export default {
    name: 'user',
    data(){
        return{
            count:'123'
        }
    },
    methods:{
        chufa(){
            this.$emit('childrenValue',this.count)
        }
    }
}
</script>

<template>
    <div>
        <!--v-on绑定接收childrenValue,传给childrenget方法-->
        <user v-on:childrenValue="childrenget"></user>
        {{num}}
    </div>
</template>
<script>
import user from './user'
export default {
    data(){
        return{
            num: ''
        }
    },
    methods:{
        childrenget(val){
            this.num =val
            console.info(this.num)
        }
    },
    components:{
        user
    }
}
</script>