嵌套路由写法

首先创建一个films页面

<template>
    <div>
        films页面
        <div style="height:100px;background:yellow;">轮播图</div>
        <div>二级声明式导航</div>
        <!--router-view相当于给孩子页面占得位置，通过这个组件，孩子页面触发的时候，孩子页面的内容将会显示出来-->
        <router-view></router-view>
    </div>
</template>
<script>
export default {
    data(){
        return{
            
        }
    }
}
</script>

然后创建一个films文件夹，在下面放两个子页面：（这里这两个页面相当于孩子页面）
nowPlack
comeSinge

template>
    <div>
        nowPlack页面 
    </div>
</template>

<template>
    <div>
        comeSinge页面 
    </div>
</template>

下面是路由：
引入几个页面
import Films from ‘@/views/films.vue’
import NowPlack from ‘@/views/films/nowPlack.vue’
import comeS