レイアウト動作

Question

を（Vue.js2）をルーティングするとき、私は次のようなレイアウトを持つように計画しています：

+-------------------------------------------------+ 
|     HEADER (STATIC)    | 
+-------------------------------------------------+ 
|   FOREWORD (just homepage; dynamic)  | 
+-------------------------------------------------+ 
|     BOOTSTRAP CARDS    | 
|    with navigation links    | 
|     (dynamic)     | 
+-------------------------------------------------+ 

それは単一ページのアプリケーションなので、私はすべてを取得することを確認するために、ルーティングとVue.jsを使用しています同じビューに表示されます。しかし、dynamicの内容を消して、ブートストラップカードから選択した別のページに置き換えるようにさまざまな修正を試みても、達成したい結果は得られません（カードとカード自体からのリンクは消えず、 <router-view></router-view>が置かれている場所にリンクが表示されます。私は、FOREWORDとBOOTSTRAPカードを宛先リンクで完全に置き換えたいと思います。

これを達成するための専用の方法はありますか？または、カードからのリンクが選択されたときにdynamicの内容を隠すために、v-ifとJSの下に定義されたshow/hideフラグを操作するだけですか？

Answer 1

"名前付きビュー"の設定 - 公式ドキュメントを参照するか、ルータビューコンポーネントに序文とカードを含めるように設定します。

喜んでわかった。