$router是Vue.js中的一個(gè)重要屬性，它是Vue.js的路由器對象。該對象的作用是實(shí)現(xiàn)前端的導(dǎo)航功能，切換不同的頁面內(nèi)容，而不重新加載整個(gè)頁面。

可以通過在Vue實(shí)例中，聲明一個(gè)路由器對象，并將其綁定到Vue實(shí)例上來使用它。這個(gè)路由器對象里面包含了一些方法和屬性，可以幫助我們實(shí)現(xiàn)前端頁面路由的目的。

//聲明路由器對象
const router = new VueRouter({
routes: [
//路由規(guī)則
{ path: '/', component: Home },
{ path: '/about', component: About }
]
})
//將路由器對象綁定到Vue實(shí)例上
const app = new Vue({
router
}).$mount('#app')

我們在路由規(guī)則中定義了兩個(gè)路由規(guī)則，一個(gè)是'/'路徑，它對應(yīng)的組件是Home，另一個(gè)是'/about'路徑，它對應(yīng)的組件是About。我們在使用路由器的時(shí)候，只需要在template模板中編寫相應(yīng)的路由鏈接和路由視圖即可。

在上面的代碼中，我們使用了Vue.js官方提供的router-link組件來實(shí)現(xiàn)路由鏈接。它的to屬性用來指定跳轉(zhuǎn)路由的路徑。同時(shí)，我們在template模板中指定了一個(gè)標(biāo)簽，這個(gè)標(biāo)簽的作用是用來顯示路由對應(yīng)組件的內(nèi)容。