vue局部跳转，实现一个类似选项卡tab功能

1，这是路由部分，父组件和两个子组件

注意：子路由path路径要    “/”+“父路径”+“/”+“子路径”

 {
            path:"/father",
            name:'father',
            component:()=>import("@/demo/father"),
            children:[
                {
                    path:"/father/son1",
                    name:'son1',
                    component:()=>import("@/demo/son1"),
                },
                {
                    path:"/father/son2",
                    name:'son2',
                    component:()=>import("@/demo/son2"),
                }
            ]
        },

2.两个子路由的界面里随便给点东西

<template>
    <div>
        我是son1组件
    </div>
</template>

3.父组件里面的写法

注意：link里的写法为   ：to = "{name:roouter页面的pathname值}"

<template>
    <div>
       <p>我是父组件</p>
       <!-- 子路由 -->
       <router-link :to="{name:'son1'}">son1</router-link>
       <router-link :to="{name:'son2'}">son2</router-link>

       <router-view></router-view>
    </div>
</template>