Laravel 如何在Vue中分离组件？

我有Laravel应用程序，创建搜索框，所有内容都很好，搜索结果都是“查找”，但我现在的问题是关于此Vue代码：

{{result.name}
{{result.email}
导出默认值{}；

我需要把表格（ais输入）放在一个地方，把结果（ais结果）放在同一页的另一个地方

类似于这样的情况，将两个组件一个用于输入，另一个用于结果（它将在blade文件中）：

()
()

考虑到它们似乎已经是组件，您可以尝试直接使用它们。 您可以创建两个新的Vue组件，在其中添加现有组件：

<template>  
  <div class="col-md-2">
    <ais-input class="search form-control shadow-sm rounded" placeholder="Search"></ais-input>
  </div>
</template>

---

您可以在模板中随意使用它们。

是的，您可以这样做。@FarshidRezaei，请告诉我如何创建两个组件，并在其中放置您的部分。然后把它们放在你想放的任何地方。是的，你可以通过创建一个单独的组件并将其导入模板来实现。在您的情况下，您需要在搜索框组件和类似的其他组件中创建

并导入''。@FarshidRezaei是的，我知道，但是（ais索引）它包含algolia的id和密码，我如何使用它进行控制呢？但是第一行（ais索引）它包含id和密码呢我不想把我的代码放在组件中，我只需要输入，结果其他代码就可以放在blade中。希望您能理解我的代码的第三部分，即blade文件中的（col-md-2）

<template>  
  <div class="col-md-2">
    <ais-input class="search form-control shadow-sm rounded" placeholder="Search"></ais-input>
  </div>
</template>