//寫法1
<router-link to="/artlist">小說列表</router-link> 
//router-link解析出來其實是a標(biāo)簽
//路由配置
export default new VueRouter({
  routes: [
    {
      path: "/artlist",
      component: ArtList,
    }
  ]
});

//寫法2
<router-link :to="path1">小說列表</router-link> 
//寫法3
<router-link :to="'/artlist'">小說列表</router-link> 
...
data() {
	return{
		path1:'/artlist'
	}
}
//但是還需要進(jìn)行路由配置
export default new VueRouter({
  routes: [
    {
      path: "/artlist",
      component: ArtList,
    }
  ]
});

jumpHome() {
        this.$router.push({
            path:"/home"，
            query:{
            	id:this.id
            }
        })
      }
 ...
 //接收值如果進(jìn)入另一個頁面，一般在created中接收
 this.$route.query.id
 //路由配置
 { 
     path: "/home", 
     component: ()=>import("../Home")
 }
  //或者name和params搭配,接收值 this.$route.params.id

<router-link :to="{name:'shop',query:{city:cityObj}}">購物車</router-link> 
...
//路由配置
{
	path:'/shop',
	//該path路徑不能少。因為命名式路由跳轉(zhuǎn)是通過name找到該path
	name:'shop',
	component:Shop
}

this.$router.push({ 
	name:"admin",　　　　
	//這里的params是一個對象，id是屬性名，item.id是值(可以從當(dāng)前組件或者Vue實例上直接取) 
	params:{id:item.id} 
}) 
//這個組件對應(yīng)的路由配置 
{　　
	//組件路徑 
	path: '/admin',　　
	//組件別名 
	name: 'admin',　　
	//組件名 
	component: Admin, 
} 

this.$router.push({
	name:"/admin/${item.id}", 
}) 
//這個組件對應(yīng)的路由配置 
{ 　　
	//組件路徑 
	path: '/admin:id', 　　
	//組件別名 
	name: 'admin', 　　
	//組件名 
	component: Admin, 
}

this.$router.push({ 
	name:"/admin",　　　　 
	query:{id：item.id} 
}) 
//這個組件對應(yīng)的路由配置 
{ 　　
	//組件路徑 
	path: '/admin', 　　
	//組件別名 
	name: 'admin', 　　
	//組件名 
	component: Admin, 
}