- 基本用法
使用watch监听某一变量，当变量改变时，watch内的方法就会执行
下面这个name就是vue data 里面声明的变量，当name值改变时，就会执行里面的代码
watch: {
name(new,old) {
//你要执行的代码
....
console.log(news,old)
}
},
- handler()方法
如果你想代码从一开始就执行，就是一开始name值没有改变的时候就立即执行，就可以使用handler方法，设置属性immediate值为true，如果为false，则执行效果与上述基本用法一样
watch: {
name:{
handler(new,old) {
//你要执行的代码
....
console.log(news,old)
},
immediate: true
}
},这个watch不但可以监听data中的变量，还可以监听路由的变化，只需要将上述的变量name改为$route即可，用法一样