vue声明式导航和编程式导航的区别

Vue提供了两种导航方式：声明式导航和编程式导航。

声明式导航是通过在模板中使用 Vue Router 的 <router-link> 组件来实现的。例如：

<router-link to="/home">Home</router-link>

这种方式可以方便地实现路由跳转，并且也可以通过传递参数来动态生成链接。

编程式导航则是通过在 JavaScript 中使用 Vue Router 的 $router 对象来实现的。例如：

// 跳转到 /home
this.$router.push('/home')

// 跳转到带有参数的路由
this.$router.push({
  name: 'user',
  params: { id: 123 }
})

这种方式可以在组件中动态地进行路由跳转，并且可以方便地传递参数。同时，编程式导航也可以在某些特殊情况下使用，例如在路由守卫中进行跳转或者在异步操作完成后进行跳转。