vue-router傳遞參數的幾種方式

vue-router傳遞參數分為兩大類
1 編程式的導航 router.push
2聲明式的導航

編程式的導航 router.push
編程式導航傳遞參數有兩種類型：字符串、對象。
字符串
字符串的方式是直接將路由地址以字符串的方式來跳轉，這種方式很簡單但是不能傳遞參數：
this.$router.push("home");

對象
使用方法如下：

this.$router.push({ name: 'news', params: { userId: 123 }})
name:為路由的名字
獲取參數
{{this.$route.params.userId}}

查詢參數
使用方法如下：
this.$router.push({ path: '/news', query: { userId: 123 }});
獲取參數
{{this.$route.query.userId}}

聲明式的導航

字符串方式
click to news page

命名路由方式
click to news page
查詢參數方式
click to news page

1.命名路由搭配params，刷新頁面參數會丟失
2.查詢參數搭配query，刷新頁面數據不會丟失
3.接受參數使用this.$router后面就是搭配路由的名稱就能獲取到參數的值