路由时的布局行为（Vue.js2）
Layout behavior when routing (Vue.js2)
我打算采用以下布局：
+-------------------------------------------------+
| HEADER (STATIC) |
+-------------------------------------------------+
| FOREWORD (just homepage; dynamic) |
+-------------------------------------------------+
| BOOTSTRAP CARDS |
| with navigation links |
| (dynamic) |
+-------------------------------------------------+
由于它是一个单页应用程序，我将 Vue.js 与路由一起使用，以确保所有内容都显示在同一视图中。但是，尝试进行各种修改以使 dynamic 内容消失并替换为从 Bootstrap 卡片中选择的不同页面并没有给出我想要实现的结果（来自卡片的链接和卡片本身不它不会消失，目标链接的内容会显示在放置 <router-view></router-view> 的位置。我希望前言和 BOOTSTRAP 卡片完全被目标链接取代）。
有什么专门的方法可以实现吗？或者我应该只使用 v-if 和在下面的 JS 中定义的 show/hide 标志进行操作，以便在选择来自卡片的链接时隐藏 dynamic 内容？
设置"named views" - 查看官方文档，或者让路由器视图组件包含前言和卡片。
很高兴你明白了。
我打算采用以下布局：
+-------------------------------------------------+
| HEADER (STATIC) |
+-------------------------------------------------+
| FOREWORD (just homepage; dynamic) |
+-------------------------------------------------+
| BOOTSTRAP CARDS |
| with navigation links |
| (dynamic) |
+-------------------------------------------------+
由于它是一个单页应用程序，我将 Vue.js 与路由一起使用，以确保所有内容都显示在同一视图中。但是，尝试进行各种修改以使 dynamic 内容消失并替换为从 Bootstrap 卡片中选择的不同页面并没有给出我想要实现的结果（来自卡片的链接和卡片本身不它不会消失，目标链接的内容会显示在放置 <router-view></router-view> 的位置。我希望前言和 BOOTSTRAP 卡片完全被目标链接取代）。
有什么专门的方法可以实现吗？或者我应该只使用 v-if 和在下面的 JS 中定义的 show/hide 标志进行操作，以便在选择来自卡片的链接时隐藏 dynamic 内容？
设置"named views" - 查看官方文档，或者让路由器视图组件包含前言和卡片。
很高兴你明白了。