2.路由导航

//App.vue
<template>
  <div id="app">
    <div id="nav">
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link>
    </div>
    <router-view/>
  </div>
</template>

如果没有两个及以上导航页面，就可以直接写

<router-view to=”/>

//通过router-link可以实现切换
被点击的router-link添加了 .router-link-exact-active这个样式
#nav a.router-link-exact-active {
  color: #42b983;
}