Nuxt3路由跳转的几种方式

在Nuxt.js 3中，路由跳转主要有以下几种方式：

1. **nuxt-link组件**：这是官方推荐的方式，通过`<nuxt-link>`标签可以在页面间无刷新地导航。例如：

   <nuxt-link to="/about">About</nuxt-link>

当用户点击链接时，会触发相应的路由变化。

2. **this.$router.push()**：在JavaScript或Vue组件内部，可以使用`this.$router.push()`方法来进行程序式的导航，比如：

   this.$router.push('/dashboard');

3. **使用vue-router提供的router对象**：可以直接操作`window.location`或`vueRouter`实例来改变路径，但这通常会导致页面刷新：

   window.location.href = '/contact';
   // 或者
   router.push('/settings');

4. **动态路由匹配**：利用动态参数（如`:param`)，可以在URL中创建可变部分，然后通过`params`对象传递数据：

   router.push({ name: 'user-profile', params: { userId: '123' } });