路由自动配置

在指定文件夹里创建文件，就可以制动配置路由

在About.vue中设置如下代码   router-link就是a标签    router-view就是路由切换

在router文件夹下创建index.js文件

在index.js文件下引入vue-router

<template>
  <div class="about">
    <h1>This is an about page</h1>

    <router-link to="/about/a">a</router-link>
    <router-link to="/about/b">b</router-link>
    <router-view></router-view>

  </div>
</template>

配置路由

效果