vue.js-如何从 Laravel 向 Vue 发送带有获取响应的数据？

我想将数据从后端路由发送web.php到vue component.

方法一：

Route::get('/about', function () {
    return 'backend data';
})->name('about');

这是可行的，但当我刷新页面时vue component不会重新招标。

方法2：

Route::get('/about', function () {
    return view('app');
})->name('about');

这会刷新vue component正确，但它发送整个blade view.

我希望这样：

Route::get('/about', function () {
    return view('app')->with('backend data');
})->name('about');

这也发送了整个blade view而不是data string.

我在中定义了组件布线vue-router作为：

{ path: "/about", name: "about", component: About },

这个vue componentaxios:

onMounted(() => {
    axios.get('/about').then(res => {state.data = res.data})
})

我想要的是获取数据并能够刷新vue component.