vueからvueにデータを受け渡す方法

Vue.jsについての質問です。
画面遷移をする際に$router.pushでパラメータを渡したいと思っています。
その際に引数でparamsを指定して、Test2.vueからTest.vueに渡すListデータを指定し、Test.vue側でpropsで受け取ろうと考えたのですが、Test2.vueのtemplateの部分でv-forをしてもなにも表示されないのが現場です。

この方法でなくてもいいのですが、画面遷移の際にパラメータを渡すにはどのようにすればよいのでしょうか？
説明がうまくできなくて申し訳ないのですが、よろしくお願いいたします。

router.js

import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter);
const routes = [
  {
    path: '/test',
    name: 'Test',
    component: () =>
      import('../data/Test.vue'),
  },
]

Test2.vue

<template>
~
</template>

<script>
export default {
  name: 'Test2',

  data: () => {
    return {
      datas: []
    };
  },

  methods: {
    testMethod(){
       this.datas = testData; //listの変数
       this.$router.push({name: 'Test', params: {datas: this.datas}});
    }
  }
}
</script>

Test.vue

<template>
~
 <li v-for="data in datas" :key="data">
   <span>{{ data }}</span>
 </li>
~
</template>

<script>
export default {
~
props: {
 datas
}
~
}
</script>