我是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>
元素/组件中的"force a replacement"个都会被绑定.
如上所述,这很可能是为了触发过渡/动画.