javascript - 什么是 ?

Question

我是 Vue.js 的新手，我想我对路由器的工作原理有一些了解，例如:

<router-link to="/">

但我并不真正理解以下行的作用:

<router-view :key="$route.fullPath"></router-view>

我相信 router-view 本身可以确保显示内容，但关键部分是什么意思？

Answer 1

参见 Special Attributes - key

It can also be used to force replacement of an element/component instead of reusing it. This can be useful when you want to:

• Properly trigger lifecycle hooks of a component

• 触发转换

$route.fullPath 定义为

The full resolved URL including query and hash.

如果绑定(bind) key至 $route.fullPath , 它总是“强制替换” <router-view>每次导航事件发生时的元素/组件。

如上所述，这样做很可能是为了触发过渡/动画。