如何在单独的 div 中构建 Vue.js 链接？
How to build Vue.js links in a separate div?
我想创建一个静态 header，其中一些链接会像 SPA 一样更改 vue app。我知道如何在主应用程序中执行此操作，但如何在主应用程序之外实现它，例如在静态 header 中？
应用是主要的 vue 实例。
<body>
<div id="header">
<a href="" id="link_to_change_app_view"></a>
</div>
<div id="#app"></div>
</body>
如评论中所述，您可以简单地将静态 header 放入您的应用程序中
<div id="#app">
<!-- static -->
<div id="header">
<router-link to="" id="link_to_change_app_view" />
</div>
<!-- dynamic -->
<router-view></router-view>
</div>
我想创建一个静态 header，其中一些链接会像 SPA 一样更改 vue app。我知道如何在主应用程序中执行此操作，但如何在主应用程序之外实现它，例如在静态 header 中？
应用是主要的 vue 实例。
<body>
<div id="header">
<a href="" id="link_to_change_app_view"></a>
</div>
<div id="#app"></div>
</body>
如评论中所述，您可以简单地将静态 header 放入您的应用程序中
<div id="#app">
<!-- static -->
<div id="header">
<router-link to="" id="link_to_change_app_view" />
</div>
<!-- dynamic -->
<router-view></router-view>
</div>