vue嵌套路由

一、嵌套

children配置

1.父类路由

mymusic

2.子类路由
musicson

1.创建MusicSon组件

<template>
    <div>
    <p>从前和后来</p>
    <p>唯一</p>
    <p>运气来的似有若无</p>
    </div>
</template>
    
    <script>
    
    export default {
    }
    </script>
    
    <style>
    
    </style>

在父类路由后面加上子类的配置

 在父组件中显示

点击链接

二、路由守卫p141

1.全局的：

定义路由守卫进行判断是否放行

结果：朋友和信息组件可以使用，音乐不能使用

2.单个路由独享

 

3.组件内的