VueJS：单击相同的“路由器链接”后重新创建组件？

Question

使用 vue.js 和 vue-router，有没有办法在点击“router-link”后重新创建一个与当前路由相同的路由的组件？

基本上，如果单击通向当前路由的“路由器链接”可以重新启动我的组件的“created()”或“mounted()”函数，那就太好了。

也许“$watch”有什么技巧，或者类似的东西，我真的不知道！

Answer 1

为了让 Vue 区分组件和之前的不一样，你应该给组件一个 key 属性。当密钥更改时，vue 会重新创建组件，因此您需要路由独有的内容，例如 url。在这个沙箱上，您可以看到每次密钥更改时都会运行创建的钩子。