vue-watch

利用watch监视，当message改变时，显示正在输入，输入完显示输入的信息。参数也可以是watch(val,oldval),监测对象内部属性加deep:true（深度监听）。

<template>
    <input v-model="message" placeholder="edit me">
    <p>Message is: {{ word }}</p>
</template>
<script>
    export default{
        name:'index',
        data(){
            return{
                 message:''，
                 word:""
            }
        },
        methods: {
            getVal(val) {
                this.word=val;
             }
         },
        watch: {
            message(val) {
                this.word = '正在输入';
                this.getVal=(val)
            }
        }
   }
</script>