vue.js - 和 $router.push 有什么区别？

Question

<router-link>在我看来需要更多的工作来实现，因为你可以添加 $router.push任何带有 @click 的元素事件。

每种方法的优缺点是什么？有没有实例，其中 <router-link>不能用 $router.push 代替？

Answer 1

虽然 router-link 的处理程序执行相同的 $router.push()，但它还在后台执行一些您必须执行的有用操作自己实现以确保导航在每种情况下都按预期工作。例如，它激活“导航守卫”来检查触发事件的有效性，捕获任何导航错误，此外，它是主动路由检测和样式的实现，这在复杂的导航中可能很难实现(例如. 多级导航菜单)，router-link 实现也对其进行了简化。这些是我可以在第一眼看到它的源代码时发现的一些优点。您可以查看它以获得更深入的比较here