vue 监听路由变化 以及 deep和immediate 的使用
案例
watch: {
$route: {
handler: function(route) {
console.log(route);
const query = route.query
if (query) {
this.redirect = query.redirect
this.otherQuery = this.getOtherQuery(query)
}
},
//deep: true
immediate: true
}
},
首先 watch是 vue内部提供的一个用于侦听功能的更通用的方法,其用来响应数据的变化,通过特定的数据变化驱动一些操作
$route 是当前路由信息对象
handler:是一个回调函数。即监听到变化时应该执行的函数。里面有两个参数 一个 是newValue变化后新的值 oldValue变化前新的值
watch 和$route就是来监听路由的动态变化的
deep:其值是true或false;确认是否深入监听。(一般监听时是不能监听到对象属性值的变化的,数组的值变化可以听到。) 可以监测多层级结构的数据
immediate:其值是true或false; 初始化时立即执handler的函数。

浙公网安备 33010602011771号