vue-router路径

vue-router默认路径

• 默认情况下, 进入网站的首页, 我们希望<router-view>渲染首页的内容.
  但是我们的实现中, 默认没有显示首页组件, 必须让用户点击才可以。
• 如何可以让路径默认跳到到首页, 并且渲染首页组件呢?
  非常简单, 我们只需要配置多配置一个映射就可以了。

• 配置解析:
  • 我们在routes中又配置了一个映射。
  • path配置的是根路径: /
  • redirect是重定向, 也就是我们将根路径重定向到/home的路径下, 这样就可以得到我们想要的结果了。

HTML5的History模式

• 我们前面说过改变路径的方式有两种:
  • URL的hash
  • HTML5的history
  • 默认情况下, 路径的改变使用的URL的hash
• 如果希望使用HTML5的history模式, 非常简单, 进行如下配置即可:

路由代码跳转

• 有时候, 页面的跳转可能需要执行对应的JavaScript代码, 这个时候, 就可以使用第二种跳转方式了
• 比如, 我们将代码修改如下: