路由嵌套
要实现以下效果:
点击顶部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>
<