Vue.js 違うpageに値を渡したい

開発環境
Typescript + vue.js + nuxt.jsを使用しています。

userページからuser/selectページに移動した時に①の値を渡したいのですが値を渡すことはできるのでしょうか？
わかる人いましたらご教授お願いしたいです。

//渡したい値
this.users

// this.usersの中身
id = 0
name = "あああ"
group = "A"


  onClickConfirmButton() {
    this.$router.push({ path: this.DetailUrl() })
  }

  DetailUrl() {
    return `/user/select`
  }

行動規範の内容に同意します

回答1件

プログラムによるナビゲーショ
queryを使うと

html
1<html>
2<head>
3    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
4    <!-- Vue.js本体の後に記述すると自動ロードされる -->
5    <script src="https://unpkg.com/vue-router@2.0.0/dist/vue-router.js"></script>
6</head>
7<body>
8<div id="app">
9  <p>
10    <router-link to="/foo">Foo</router-link>
11    <router-link to="/bar">Bar</router-link>
12    <button v-on:click="buttonClick">ボタン</button>
13    <router-view></router-view>
14  </p>
15</div>
16<script>
17// ルーティングを定義する
18const router = new VueRouter({
19  routes: [
20    {
21        path: '/foo',
22        component: {
23            template: '<div>ページ１を表示</div>',
24        },
25    },
26    {
27        path: '/bar',
28        component: {
29            template: '<div>ページ２を表示{{ $route.query.id }}</div>',
30        },
31    },
32  ],
33})
34
35// rootインスタンスに渡す
36const vm = new Vue({
37  router,
38  methods: {
39      buttonClick: function() {
40          this.$router.push({ path: 'bar', query: { id: 'hoge' }})
41      },
42  },
43}).$mount('#app');
44</script>
45</body>
46</html>