vue 监听路由

1、在App.vue文件中
	watch:{
		$route(data)
		{
				xx
		}
	}
	在路由改变或参数改变时,会触发监听事件

代码示例:

<template>
  <div id="app">
    <div>
       <router-link to='/'>首页</router-link>
       <router-link to='/a'>a页</router-link>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>

export default {
  name: 'App',
  data()
  {
    return{

    }
  },
  components:{

  },
  methods:{

  },
  watch:{
    $route(data)
    {
        console.log(data);
        console.log('路由改变');
        console.log(this.$route.params.id);
    }
  }
}
</script>

<style scoped >

*{
  margin:0;
  padding: 0;
}


</style>