vue获取某个路由页面的data里的数据

如果你想要获取某个具体路由页面的data里的数据，可以使用Vue Router提供的导航守卫beforeRouteEnter。当路由进入该页面之前，该导航守卫会被触发，我们可以在这个守卫中获取到要进入页面的组件实例，从而获取到该组件实例中的data数据。

以下是一个示例代码：

// 在路由配置中定义导航守卫
{
  path: '/example',
  name: 'Example',
  component: ExampleComponent,
  meta: {
    data: {
      message: 'Hello, World!'
    }
  },
  beforeEnter: (to, from, next) => {
    // 在导航守卫中获取组件实例，并读取data中的数据
    const instance = new ExampleComponent()
    const data = instance.$options.data()
    console.log(data.message) // 输出: "Hello, World!"
    next()
  }
}

注意，在导航守卫beforeRouteEnter中，组件实例还没有被创建，因此我们需要手动创建组件实例，才能够访问到data中的数据。另外，由于我们只需要获取数据，而不需要实际渲染组件，因此在创建组件实例时，不需要将其挂载到DOM上。