我对 Vue.js 完全陌生,我想我对路由器如何处理以下事情有一些了解:
<router-link to="/">
但我并不真正理解以下行的作用:
<router-view :key="$route.fullPath"></router-view>
我相信路由器视图本身可以确保显示内容,但关键部分是什么意思?
我对 Vue.js 完全陌生,我想我对路由器如何处理以下事情有一些了解:
<router-link to="/">
但我并不真正理解以下行的作用:
<router-view :key="$route.fullPath"></router-view>
我相信路由器视图本身可以确保显示内容,但关键部分是什么意思?
请参阅特殊属性 - 键
它还可用于强制替换元素/组件而不是重用它。当您想执行以下操作时,这会很有用:
- 正确触发组件的生命周期钩子
- 触发转换
$route.fullPath 被定义为
完整解析的 URL,包括查询和哈希。
如果绑定key到$route.fullPath,它总是“强制替代”的的<router-view>导航事件发生元件/组件的每一次。
如上所述,这很可能是为了触发过渡/动画。