Vue.js如何進行router傳參

export default new Router({
 routes: [
 {
 path: '/',
 name: 'Home',
 component: Home
 },
 {
 path: '/work',
 name: 'Work',
 component: Work
 }
 ]
 })

// 觸發它傳遞一個對象到組件Work
getIt (id) {
 this.$router.push({
 path: '/work',
 name: 'Work',
 params: {
 id: id
 }
 })
 }

<template>
 <p class="work">
 work: {{id}}
 </p>
 </template>
 
 <script>
 export default {
 name: 'Work',
 data () {
 return {
 id: this.$route.params.id //拿到id
 }
 }
 }
 </script>

// 傳入
 this.$router.push({
path: '/work',
name: 'Work',
query: {
 id: id
}
 })
 
 ... ...
 
 this.$route.query.id // 獲取