vue子路由跳转实现tab选项卡

4、之后写好其他页面，就能实现这个效果了

<template>
  <h1>这是子页一，默认显示</h1>
</template>
<script>
  export default {
    name: "PageOne"
  }
</script>
<style scoped>
  h1{
    color: #f2ffff;
  }
</style>

效果图：

再追加一个上面所说的默认是登录页面，然后登录成功后显示首页的tab选项卡的效果图，因为没开数据库，我就模拟演示一下,手动登录成功进入主页：

好了，以上就完成了一个简单的tab选项卡布局，大家去试试吧。