如何将数据从laravel传递到Vue Router？

public function index()
{
    $data = ['name' => 'John', 'age' => 25];
    return view('example', ['data' => $data]);
}

<div id="app">
    <router-view :data="{{ json_encode($data) }}"></router-view>
</div>

// 引入Vue Router
import VueRouter from 'vue-router';

// 创建Vue Router实例
const router = new VueRouter({
    routes: [
        // 路由配置
    ]
});

// 创建Vue实例
new Vue({
    el: '#app',
    router,
    data() {
        return {
            receivedData: null
        };
    },
    created() {
        // 发送请求获取数据
        axios.get('/api/data')
            .then(response => {
                this.receivedData = response.data;
            })
            .catch(error => {
                console.log(error);
            });
    }
});

<template>
    <div>
        <h1>{{ receivedData.name }}</h1>
        <p>{{ receivedData.age }}</p>
    </div>
</template>