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>则是变化的页面，这种思路得学习一下；