那在新的标签页怎么设置路由信息

在新的标签页中，你需要手动创建一个新的Vue Router实例，并设置路由信息。以下是一个简单的示例：

假设你的Vue Router配置如下：

const router = new VueRouter({
  routes: [
    {
      path: '/home',
      component: Home
    },
    {
      path: '/about',
      component: About
    }
  ]
})

在原先的页面中，你可以使用`router.push`方法来打开一个新的标签页：

router.push({ path: '/about' })

在新的标签页中，你需要手动创建一个新的Vue Router实例，并设置路由信息。可以在新的标签页的Vue文件中，像在其他Vue文件中一样，引入Vue Router，并创建一个新的Vue Router实例。然后，你可以将路由信息添加到Vue Router实例中，以便在新的标签页中使用。

以下是一个示例代码：

<template>
  <div>
    <h1>About Page</h1>
  </div>
</template>

<script>
import VueRouter from 'vue-router'
import routerConfig from './router'

const router = new VueRouter({
  routes: routerConfig.routes
})

export default {
  created() {
    // 在created钩子函数中，手动将Vue Router实例添加到Vue实例中
    this.$router = router
  }
}
</script>

在上面的示例中，我们首先引入了Vue Router和路由配置文件，然后创建了一个新的Vue Router实例，并将路由信息添加到Vue Router实例中。最后，我们在组件的created钩子函数中，手动将Vue Router实例添加到Vue实例中，以便在组件中使用。

需要注意的是，这只是一个简单的示例，实际使用中可能会更加复杂。你需要根据自己的实际情况，进行相应的调整和修改。