4-9 路由 URL 和参数（1）

首页这里点击不同的导航栏，它是首页模块的子路由。





这里有可能是从服务器，取回来的菜单。这样我们没有办法直接写在路由列表里了。

可以通过定义变量的形式

冒号id就是一个变量名

例如这里切换的是hot。那么hot就是这个变量值


这是路径参数，看起来是路径的一部分

开始改造代码

创建一个组件Home-detail

导出这个组件

导出这个home-detail

开始写路由

当子路由。定义变量叫做tabLink

这样写有个问题是home后面必须要根一个参数，如果没有参数就会导致空的情况。我们不希望它为空，希望它有一个默认值。

默认的就是热门，子路由也是分顺序的。进来什么都没有的话，就重定向到hot


改造一下，加上router-outlet

刚才改造的代码放在home-detail中

再把ts的变量也复制过来







 

结束