Vue.js Vue js和不同的布局

一个路由器视图的布局如何，如果你有，让我们假设3个不同的布局用于你的应用程序（例如，客户布局、雇主布局和管理界面）

目前，我实施了客户“视图”，如：

在App.vue文件中。我可以使用类似于：

<div id="app">
    <router-view name="header">
      <HeaderBar/>
      <Navigation></Navigation>
    </router-view>
    <router-view></router-view>
  </div>
</template>

并为这些“子例程”加载不同的头文件，但这似乎有些奇怪。 还有，如果我想使用其他index.html，该怎么办？ 我正在使用此应用程序的网页包

或者你会建议为此创建不同的应用程序吗

非常感谢 rene

您可以尝试使用

基本上，您可以根据路线更改渲染的组件

所以可能是这样的：

<component v-bind:is="headerComponent"></component>

然后，您的应用程序可以在数据对象中包含

heeaderComponent

属性，该属性具有默认值，并且在您单击应使用不同标题的路由时会发生更改。冲洗页脚并重复上述步骤

至于最后一个问题，我认为你应该只使用一个应用程序。因为这是可能的，而且一切仍然是连接的。我不确定，但我不知道如果需要，您将如何在不同的Vue实例之间进行通信。

您可以尝试使用

基本上，您可以根据路线更改渲染的组件

所以可能是这样的：

<component v-bind:is="headerComponent"></component>

然后，您的应用程序可以在数据对象中包含

heeaderComponent

属性，该属性具有默认值，并且在您单击应使用不同标题的路由时会发生更改。冲洗页脚并重复上述步骤

至于最后一个问题，我认为你应该只使用一个应用程序。因为这是可能的，而且一切仍然是连接的。我不确定，但我不知道如果需要，您将如何在不同的Vue实例之间进行通信