vue中頁面設計技巧1

<template>
  <div>
      <router-link :to="{path: '/'}" class="head-logo">
        <img src="./assets/logo.png">
      </router-link>
      <div class="head-nav">
        <ul class="nav-list">
          <li @click="showDialog('isShowLogin')">登錄</li>
          <li class="nav-pile">|</li>
          <li @click="showDialog('isShowReg')">注冊</li>
          <li class="nav-pile">|</li>
          <li @click="showDialog('isShowAbout')">關於</li>
        </ul>
      </div>
    <div class="container">
      <keep-alive>
        <router-view></router-view>
      </keep-alive>
    </div>

在container上面是頁面的公用部分，而后面采用<router-view>則是變化的頁面，這種思路得學習一下；