Vue 2.0的$route對(duì)象是Vue-Router提供的路由信息對(duì)象,它包含了當(dāng)前路由的信息,例如當(dāng)前路徑、參數(shù)、查詢、哈希等等。可以直接通過this.$route訪問到它的屬性。
在Vue 2.0中,我們可以通過$route對(duì)象獲取到當(dāng)前路由的路徑、參數(shù)、查詢等信息。
// 獲取當(dāng)前路由的路徑
const path = this.$route.path;
// 獲取當(dāng)前路由的參數(shù)
const params = this.$route.params;
// 獲取當(dāng)前路由的查詢
const query = this.$route.query;
// 獲取當(dāng)前路由的哈希
const hash = this.$route.hash;
此外,$route對(duì)象還提供了一些方法和屬性,如:name
屬性表示當(dāng)前路由的名稱,meta
屬性表示當(dāng)前路由的元信息,matched
屬性表示當(dāng)前路由的嵌套路徑等信息。
同時(shí),我們還可以通過$route對(duì)象進(jìn)行編程式導(dǎo)航,例如:$router.push()
、$router.replace()
、$router.go()
等方法進(jìn)行跳轉(zhuǎn)。
// 編程式導(dǎo)航
this.$router.push({ path: '/home' });
// 帶參數(shù)的編程式導(dǎo)航
this.$router.push({ path: '/user', params: { id: 123 } });
總體來說,$route對(duì)象是Vue-Router提供的強(qiáng)大路由信息對(duì)象,它可以方便地獲取當(dāng)前路由的信息,并且可以通過它進(jìn)行編程式導(dǎo)航。