当前激活路由的状态信息,包含当前url的信息
App.vue
<!-- 入口 -->
<router-link to="/detail/1?age=22&name=ymm">one</router-link>
<!-- 出口 -->
<router-view></router-view>
main.js
const router=new VueRouter({
routes:[
{ path: '/detail/:id', component: Detail }
]
})
Detail.vue
created(){
console.log(this.$route);
console.log(this.$route.path);
// #后面,?前面 哈希值路径/detail/1
console.log(this.$route.params);
// 动态路由参数{id: '1'}
console.log(this.$route.query);
// 查询参数{age: '22', name: 'ymm'}
}