vue如何与Vue Router深度链接

vue如何与Vue Router深度链接

小编给大家分享一下vue如何与Vue Router深度链接，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

与 Vue Router 深度链接

你可以在 URL 中存储（一些）状态，允许你直接跳转到页面上的特定状态。

比如你可以加载一个已选择日期范围过滤器的页面：

someurl.com/edit?date-range=last-week

这对于用户可能共享大量链接的应用程序部分、服务器呈现的应用程序或在两个独立应用程序之间传递比常规链接通常提供的信息更多的信息非常有用。

你可以存储过滤器、搜索值、模式是打开还是关闭，或者我们滚动到的列表中的位置——非常适合无限分页。

使用vue-router这样的方式获取查询（这也适用于 Nuxt 和 Vuepress 等大多数 Vue 框架）：

constdateRange=this.$route.query.dateRange;

要更改它，我们使用RouterLink组件并更新query：

<RouterLink:to="{query:{dateRange:newDateRange}}">

看完了这篇文章，相信你对“vue如何与Vue Router深度链接”有了一定的了解，如果想了解更多相关知识，欢迎关注恰卡编程网行业资讯频道，感谢各位的阅读！