$router
$router :是 VueRouter的一個對象,通過Vue.use(VueRouter)和VueRouter構(gòu)造函數(shù)得到一個router的實例對象,是一個全局對象,他包含了所有的路由包含了許多關(guān)鍵的對象和屬性迎吵;
舉例:
h i s t o r y 對 象 :
$router.push({path:'home'});
//本質(zhì)是向history棧中添加一個路由荆隘,在我們看來是 切換路由,但本質(zhì)是在添加一個history記錄
方法:
$router.replace({path:'home'});
//替換路由徙瓶,沒有歷史記錄
$route
$route是一個跳轉(zhuǎn)的路由對象,每一個路由都會有一個route對象嫉称,是一個局部的對象侦镇,可以獲取對應(yīng)的name,path,params,query等
我們可以從vue devtools中看到每個路由對象的不同
常用例子:
$router操作 路由跳轉(zhuǎn)
this.$router.push({ name:'hello', params:{ name:'word', age:'11' } })
$route讀取 路由參數(shù)接收
var name = this.$route.params.name;