路由导航总结

【1】this.$router是路由的导航对象

提供了如下方法：

1）this.$router.push('hash地址')：跳转到指定的hash地址并增加一条历史记录

使用方法：在组件里面添加一个按钮，然后给按钮添加点击事件，在点击事件里面设置this.$router.push('hash地址')即可跳转到对应的hash地址界面

2）this.$router.replace('hash地址')：跳转到指定的hash地址并不增加一条历史记录，使用方法同上。

3）this.$router.go(数值)设置前进和后退，+值为前进，-值为后退，如果后退的层数超过上限，则原地不动

 因为一般只会前进一层或者后退一层，故实际使用过程中一般用$router.back()在历史记录中后退一层，用$router.forward()在历史记录中前进一层

  <button @click="$router.back()">简写后退一层</button>
    <button @click="$router.forward()">简写前进一层</button>

<!-- 在行内使用编程式导航跳转的时候，this 必须要省略，否则会报错！ -->

同理$router.push和$router.replace都可以行内式使用，但是行内式使用得省略this