vue学习笔记24-组件事件配合v-model使用

 搜索时v-model绑定的search数据时时发生变化

watch侦听器时时监察变化，一旦数据发生变化 ，就实时发送数据给父组件

 子组件的完整代码：

<template>
    搜索：<input type="text" v-model="search">
</template>

<script>
export default {
    data(){
        return{
            search:""
        }
    },
    watch:{
        search(newValue,oldValue){
            this.$emit("searchEvent",newValue)
        }
    }
}
</script>

父组件也在实时接收数据

一旦接收到数据就传送给 此search

search再再显示在页面之上

父组件：

达到效果一边输入数据一边读到数据（工作中可能会用到）