我对Vue.js完全陌生,我认为我对路由器如何处理类似的东西有一些了解:
<router-link to="/">
但是我不太了解以下内容:
<router-view :key="$route.fullPath"></router-view>
我相信路由器视图本身可以确保显示内容,但是关键部分是什么意思?
答案 0 :(得分:11)
它也可以用于强制替换元素/组件,而不是重新使用它。当您要执行以下操作时会很有用:
- 正确触发组件的生命周期挂钩
- 触发过渡
完整的解析URL,包括查询和哈希。
如果您将key
绑定到$route.fullPath
,则每次发生导航事件时,它将始终“强制替换” {1}元素/组件。
如上所述,这很可能是为了触发过渡/动画而完成的。