vue：router-view二次渲染误操作

错误记录：在使用<router-view />时再次把页面渲染了一遍，效果如下图（出现了两遍同样的内容）

APP的代码如下：

<template>
  <div>
    <div>
      <RouterLink to="/login">login</RouterLink>
      <br>
      <RouterLink to="/regist">regist</RouterLink>
      <p>-----以下是router-view的内容---</p>
    </div>
    <RouterView></RouterView>
  </div>
</template>

产生二次渲染的原因： 在路由配置时把默认的“/”设置跳转到 APP组件，这会导致：

1. 一开始渲染APP组件的内容

2. 会在router-view标签中再次渲染APP的内容

{
        path: "/",
        component: ()=> import("../App.vue")
 }

结论： 在路由设定默认的“/”路径时，不可设置为APP！