laravel - 在 Laravel、Vue、Inertia 中将数据从 Header-component 传递到 Search-page

Question

所以，我对 Vue 很陌生，并试图弄清楚如何在组件之间传递数据。我的标题组件中有一个搜索栏/表单，我在其中执行 axios-request 以从 SearchController 获取数据。现在，我如何将这些数据传递给我的 Search.vue 文件/模板？这是我的结构。

搜索.vue

<MainLayout>
     Search results to be displayed here
</MainLayout>

主布局.vue

<template>
     <Header></Header>
     <slot></slot>
     <!-- Rest of layout -->
</template>

头文件.vue

<template>
     <form>
         <!-- My form fields stuff -->
     </form>
     <script>
         <!-- My axios request/response to/from SearchController -->
     </script>
</template>

那么现在如何将数据从 Header.vue 发送到 Search.vue 以便我可以在该页面上打印结果？

标签： laravelvue.jsvuejs3inertiajs