vue项目中watch的介绍以及用法 ----- 监听路由改变的例子

下面是代码，
这里watch的意思是监听

 watch: {
      $route: {
       	.....
      }
  }
//此处是监听路由改变

获取当前路由，如果路由路径为 / 或者 /authentication 或者 /release 或者 /mine 则让data里面的router_show的值为ture

handler: function(val) {
    		....
    	},
   //此处是处理方法-----当监听到路由页面发生改变后，要如何做，写这里

下面是完整代码

 export default {
    	data() {
    		return {router_show = false};
    	},
    	watch: {
    		$route: {
    			handler: function(val) {
    				if (val.path == '/home' || val.path == '/' || val.path == '/authentication' || val.path == '/release' || val.path == '/mine') {
    					this.router_show = true;
    				} else {
    					this.router_show = false;
    				}
    			},
    			// 深度观察监听，普通的watch方法无法监听到对象内部属性的改变，只有data中的数据才能够监听到变化，此时就需要deep属性对对象进行深度监听。
    			deep: true
    		}
    	}
    };