vue做一个跳转页面

在Vue.js中，跳转页面通常有两种常见的方法：

1. **导航链接** (vue-router): 如果你正在使用Vue Router，可以在组件模板内的`<router-link>`标签内写入目标路径。例如：

   <router-link :to="{ path: '/target-page', name: 'pageName'}">跳转到目标页</router-link>

这里`:to`是一个属性绑定，`path`指定URL路径，`name`则是可选的路由名称，方便通过名字获取。

2. **导航守卫** (vue-router guards): 在某些场景下，比如登录验证，你可以设置全局或局部的导航守卫`beforeRouteEnter`、`beforeEach`等，在其中控制是否允许跳转。例如：

   // 使用 beforeEach 守卫
   router.beforeEach((to, from, next) => {
     if (!isAuthenticated) { // 检查用户是否已登录
       next({ path: '/login' }) // 跳转到登录页面
     } else {
       next() // 授权成功，继续导航
     }
   });

3. **Vue组件内部** 通过`this.$router.push`或`this.$router.go`方法直接操作路由器实例，如：

   this.$router.push('/new-page') // 异步跳转
   this.$router.go(1) // 同步跳转到下一个页面