Vue-routerを使いリンク先にデータを渡したい

Question

初めてVue.jsを使い、SPAを構築しております。
以下の点で躓いています。

【やりたいこと】
① App.vueで非同期でjsonを取得。
↓
② 子コンポーネントのNavにjsonを渡す
↓
③ Navからvue-routerのリンク先にjsonを渡す

ということを行いたいのですが、③がうまく行きません

以下のようなコードを書いています。

vue-routerのリンク先にデータを渡す方法を教えて下さい。
また①から②のデータの受け渡しについても間違いがあればご指摘いただけると幸いです。

App.vue

<template>
  <div id="app">
    <Nav :jsondata="jsondata" />
    <router-view/>
  </div>
</template>
<script>
import Nav from './components/Nav';

export default {
  name: 'app',
  components : {
    Nav
  },
  data(){
    return{
      jsondata: ""
    }
  },
  beforeCreate() {
    this.$axios
      .get("http://localhost/test.json")
      .then(response => {
        var responsedata = response.data
        this.jsondata = responsedata
      })
      .catch(err => {
        (this.errored = true), (this.error = err);
      })
      .finally(() => (this.loading = false));
  },
}
</script>

Nav.vue

<ul>
 <li>
  　<router-link to="/">Home</router-link>
 </li>
 <li>
  <router-link to="/about">Home</router-link>
 </li>
 <li>
  <router-link to="/blog">Home</router-link>
 </li>
</ul>
<script>
export default {
    data(){
      return {
        isActive: false,
      }
    },
    props:["jsondata"],
    mounted(){
        console.log(this.jsondata)
    },
    watch: {
        jsondata:function(one,two){
            console.log(JSON.parse(JSON.stringify(one)))
            console.log(two)
        }
    }
}
</script>

route.js

import Top from './components/top/Top.vue';
import Blog from './components/blog/Top.vue';
import About from './components/aboutus/Top.vue';

const routes =  [
    { 
        path: '/', 
        component: Top 
    },
    { 
        path: '/about', 
        component: About,
        props: true
    },
    { 
        path: '/blog', 
        component: Blog
    },
];

Answer 1

<template>
  <div id="app">
    <Nav :jsondata="jsondata" />
    <router-view :jsondata="jsondata" />
  </div>
</template>

Navと同様に渡せば渡せるはず。

手元の環境では、他のモジュールがjsondataをつかわない場合でも特にエラーにはならないので試してみてください。

以下追記

App.vueで何でもかんでも受け渡しすることになるので、アプリケーションが大きくなると問題になると思います。
丁寧にやろうとしたらVuexを使ったほうがきれいに書けるとは思う。