【Vue】Route 路由属性解析

• 属性列表：

• 如果当前url为http://localhost:3002/data-map/main-home?id=9

console.log(this.$route)
{
	fullPath: "/main-home?id=9",
	hash: "",
	matched: [...],
	meta: {},
	name: "HomePage",
	params: {},
	path: "/main-home",
	query: {id: '9'},
}
1
2
3
4
5
6
7
8
9
10
11

• 然后可以通过watch去监听路由

watch{
	 // 监听id查询参数，变化时执行函数
	'$route.query.id'(now,old){
		// now: 变化之后的数据
		// old: 变化之前的数据
		console.log(now,old)
	}
}
1
2
3
4
5
6
7
8