23.Vue3.x中的路由(4) 路由嵌套

路由嵌套

要实现以下效果：

点击顶部News导航，显示News组件，点击左侧新闻列表，右侧显示NewsList组件，左侧保持不变

点击增加新闻，右侧显示NewsAdd组件。

此时，就需要用到路由嵌套（父子路由）和路由重定向了。

示例代码：

News.vue组件

<template>
    <div class="content">
        <div class="left">
            <ul>
                <li>
                    <router-link to="/news/newslist">新闻列表</router-link>
                </li>
                <li>
                    <router-link to="/news/newsadd">增加新闻</router-link>
                </