Vue学习笔记13-watch监听的使用

1.首先创建一个vue实例：

• watch为监听事件，里面写上方法，方法名为要监听的data数据模型里的key

const app = new Vue({
        el: "#app",    //根据名称操作div,作用域只在该div
        data: {
            search: 0
        },
        watch:{    //监听
            search(val1,val2){
                console.log(val1,val2);
            }
        },
        methods:{
        }
    });

2.html模板代码：

<div id="app">
        <input type="text" v-model="search">
</div>

3.监听方法search会传入两个值，我们打开控制台来看看这两个值是什么：

• 我们可以看出，第一个参数传的是当前的新值，第二个参数传的是上一个旧值。
• 我们以后可以根据这些值来发送异步请求。