vue获取路由的页面数据

在Vue中，你可以通过访问`this.$route`对象来获取路由的页面数据。`$route`是Vue Router提供的全局组件实例的一部分，它包含了关于当前导航的信息。

如果你在路由元信息（meta）中设置了数据，例如：

{
  path: '/example',
  meta: {
    pageData: { key1: 'value1', key2: 'value2' }
  },
  component: YourComponent
}

那么在`YourComponent`内部，你可以这样获取这个数据：

export default {
  computed: {
    routeData() {
      return this.$route.meta.pageData;
    }
  }
}

然后在组件内部就可以通过`.routeData`来访问页面数据了。

如果你需要动态地获取和更新路由数据，可以在路由钩子函数如`beforeEach`或`mounted`里操作：

beforeEach((to, from, next) => {
  let pageData = to.meta && to.meta.pageData;
  // ...在这里对pageData进行处理...
  next();
})