28 组合事件配合 v-modle 使用

子级元素发生改变，父级元素及时做出相应的响应
1.首先回顾 v-modle, 表单的语句，实时或者延时（.lazy）获得用户输入的信息
2. 侦听器 watch ，实时响应然后做出相关操作

    <h3>响应组件</h3>
    <Search @Search="myAnser" />
   
    响应：{{ anser }}
</template>

<script>
import Search from './Search.vue';
export default {
    data() {
        return {
            anser: ""
        }
    },
    methods: {
        myAnser(search) {
            this.anser = search
        }
    },
    components: {
        Search,
    },
}
</script>

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

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