vue 路由跳轉，路由傳參

1. router-link

<router-link 
:to="{ 
path: 'pathName', 
params: { name: 'name', id: data }, 
query: { name: 'name', id: data } 
}"> </router-link>

<!--直接寫路由路徑-->
<router-link to='/index'></router-link>

注：to前面加不加" : " ，取決於後面的內容是否是vue的變量

2. $router方式跳轉

//如果沒有參數
this.$router.push("路由地址");
//栗子：
this.$router.push("/role");

//如果有參數,有兩種傳參方式

//params傳參
this.$router.push({
  name: 'routerName', //配路由地址時一定要定義路由名稱           
    params: {
    name: 'name', 
    id: 'id'
  }
})

//取值方式（目標頁面）
created(){
    console.log(this.$router.params.name)
}

//query傳參
this.$router.push({
  path: 'routerPath',            
  query: {
      name: 'name', 
      id: 'id'
  }
})

//或者
vm.$router.push(`routerPath?name=${name}&id=${id}`);

//取值方式（目標頁面）
created(){
    console.log(this.$router.query.name)
}