vue如何让路由跳转到一个全新的页面，不需要原来的目录，但是数据是存在的

如果您要在Vue中实现路由跳转到一个全新的页面，但是数据是存在的，可以使用Vue Router提供的导航守卫来实现。

具体步骤如下：

1. 在Vue项目中安装Vue Router插件。可以使用npm命令行工具进行安装。

2. 在Vue项目中创建一个新的路由。可以使用Vue Router提供的router-link组件或者编程式导航的方式进行跳转。

3. 在Vue Router中配置导航守卫，保证数据不会丢失。可以使用Vue Router提供的beforeEach钩子函数，在跳转前保存数据，跳转后再获取数据。

下面是一个简单的示例代码，供您参考：

// main.js
import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    {
      path: '/new-page',
      component: NewPage
    }
  ]
})

router.beforeEach((to, from, next) => {
  // 保存数据
  localStorage.setItem('data', JSON.stringify(data))
  next()
})

new Vue({
  el: '#app',
  router,
  render: h => h(App)
})

// NewPage.vue
<template>
  <div>
    <h1>New Page</h1>
    <p>{{ data }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: JSON.parse(localStorage.getItem('data'))
    }
  }
}
</script>

在上面的代码中，我们创建了一个新的路由，在路由跳转前使用了Vue Router提供的beforeEach钩子函数保存了数据，在新页面中获取数据。

注意，这只是一个简单的示例代码，实际应用中可能需要根据具体需求进行调整。