Vue之vue router进阶

在vue路由中，路由也分几个种类

普通路由默认路由嵌套路由

在之前的vue路由入门中所讲的便是普通路由 ，接下来我将继续探讨其他路由

一、默认路由

在Vue中，路由组件需要通过router-link进行加载，如果在不手动点击router-link的前提下访问路由组件，那么需要设置被访问的路由组件为默认路由

代码实例HTML

    注册
    登录

    

JavaScript

在设置默认路由的时候，假如现在只有登录和注册页面，我们想默认到登录页面

首先我们还是需要登录和注册页面的路由

其次设置默认路由，在默认路由中path为/（因为路由的默认地址为/），redirect为路由的重定向（意思是，可以重新设置路由地址，设置成你想要的路径）

---

二、嵌套路由

嵌套路由本质就是路由之间相互嵌套

 代码案例

HTML

登录
注册
    

JavaScript

注意:嵌套路由多用在，左侧导航栏，点击左侧导航栏，在右边出现相对应的页面，然后再右面页面点击商品，出现相对应商品的信息