编程式导航跳转-push、replace、go

声明式导航&&编程式导航

在浏览器中，点击链接实现导航的方式，叫做声明式导航。例如：
普通网页中点击 a标签链接
vue项目中点击router-link标签链接都属于声明式导航
在浏览器中，调用API方法实现导航的方式，叫做编程式导航。例如：
普通网页中调用location.href跳转到新页面的方式，属于编程式导航

vue-router提供了许多编程式导航的API，其中最常用的导航API分别是：

1.this.$router.push('hash地址')
		跳转到指定hash地址，并增加一条浏览记录
2.this.$router.replace('hash地址'）
		跳转到指定的hash地址，并且替换掉当前的历史记录(覆盖首页地址)
3.this.$router.go(数值n)
		n为正数，前进，n为负数，后退，n为几就进行几位

go可以直接声明到行内（如果push只要一层跳转也可以声明到行内）

  <!-- 在行内使用编程式导航跳转的时候，this 必须要省略，否则会报错！ -->
    <button @click="$router.back()">back 后退</button>
    <button @click="$router.forward()">forward 前进</button>