如何从laravel控制器向vuejs发送数据

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

<div id="app">
    <p>Name: @{{ data.name }}</p>
    <p>Age: @{{ data.age }}</p>
</div>

<script>
    var app = new Vue({
        el: '#app',
        data: {
            data: @json($data)
        }
    });
</script>

public function getData()
{
    $data = ['name' => 'John', 'age' => 25];
    return response()->json($data);
}

axios.get('/api/data')
    .then(response => {
        this.data = response.data;
    })
    .catch(error => {
        console.log(error);
    });

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

<div id="app">
    <p>Name: @{{ data.name }}</p>
    <p>Age: @{{ data.age }}</p>
</div>

<script src="{{ mix('js/app.js') }}"></script>