Vue路由以四种方式跳转(带参数)

替换和推送的区别:

router.push(位置)?一条新记录将被添加到历史堆栈中,当用户单击浏览器的后退按钮时,他将返回到上一个URL。

Router.replace(location),replace属性(默认值:false),它不会向历史记录中添加新记录,但会与其方法名相同——替换当前历史记录。

注意:要获得route以上的参数,请使用$route,不带r。

参数是路线的一部分,必须可用。查询是url之后拼接的参数,不存在也没关系。

一旦在路线中设置了参数,参数就是路线的一部分。如果这个路由有params参数,但是跳转时没有传递这个参数,跳转会失败或者页面没有内容。

Params和query可以在不设置的情况下传递,但是当params未设置时,页面刷新或返回参数将会丢失。

两者都可以传递参数。有什么区别?

查询参数是用path配置的,而params参数是用name配置的,因此在params中配置path无效。

查询不需要在路由配置中设置参数,但参数必须设置。

查询传递的参数显示在地址栏中。

Params传递的参数刷新将无效,但查询将保存传递的值并不加更改地刷新它。