VUE-this.$route 和 this.$router 的区别

 

this.$route 和 this.$router ：

• this.$route  是路由【参数对象】，所有路由中的参数， params, query 都属于它

data(){
    return{
        id:this.$route.params.id   // 一加载就调用      
    }
}

• this.$router 是路由【导航对象】，用它 可以方便的 使用 JS 代码，实现路由的 前进、后退、 跳转到新的 URL 地址

goTo(id){
      // 字符串
      this.$router.push("/detail/"+id);
}