使用编程式路由

在Vue3中，可以使用编程式路由来实现页面之间的跳转。编程式路由指的是通过JavaScript代码来跳转页面，而不是通过`<router-link>`或`<router-view>`标签来实现。

以下是使用编程式路由的示例代码：

// 在Vue3组件中
import { useRouter } from 'vue-router';

export default {
  // ...
  methods: {
    gotoExample() {
      const router = useRouter();
      router.push({ name: 'example' });
    }
  }
}

// 在普通JavaScript代码中
import { createRouter, createWebHistory } from 'vue-router';

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/example',
      name: 'example',
      component: ExampleComponent
    }
  ]
});

router.push({ name: 'example' });

在上面的代码中，我们使用了`useRouter()`来获取`router`对象，然后使用`router.push()`方法来跳转到目标页面。在普通JavaScript代码中，我们需要先通过`createRouter()`来创建`router`对象，然后才能使用`router.push()`方法。