前端父页面有一个属性是row，我的子页面需要获取父页面row，请把父页面和子页面的操作详细的写下来并进行讲解，我需要使用vue router实现

要在Vue Router中获取父页面的属性（在这种情况下是`row`），你需要创建一个子页面组件并在父页面中将这个属性传递给子页面。

父页面和子页面的操作可以按以下步骤进行：

### 父页面

父页面会向子页面传递一个属性（在这种情况下是`row`）。这可以通过Vue Router的导航守卫来实现。导航守卫是在路由变化时运行的函数，允许你在路由变化之前执行一些操作。

首先，你需要在父页面的路由配置中添加一个导航守卫。这个守卫会在每次路由变化时运行，并允许你获取到父页面的数据。

在父页面的Vue Router的配置中，你可能会有如下的代码：

import router from './router' // 这里假设你已经有了一个router实例

router.beforeEach((to, from, next) => {
  // 这里的row就是你需要传递给子页面的数据
  // 这可能是在某个数据对象中的属性，或者是其他的地方获取到的
  // 然后，你可以选择将其作为查询参数传递给子页面，或者直接在to对象中设置
  // 注意，在to对象中设置的属性会直接添加到页面上，不需要再次设置
  if (to.matched.some(record => record.meta.row)) {
    next({ row: true }) // 将row设置为true，表示父页面有row属性需要传递给子页面
  } else {
    next() // 如果没有需要传递的属性，就正常导航
  }
})

### 子页面

子页面可以通过Vue Router的路由守卫来获取到父页面的数据。子页面的路由守卫会在每次路由变化时运行，此时子页面还没有完全渲染，因此不能直接访问DOM元素或组件实例。在这种情况下，Vue Router提供了一个选项`meta`，用于从父页面获取数据。你可以在父页面的路由配置中使用这个选项。

在子页面的Vue Router的配置中，你可以看到一个meta选项：

const router = new VueRouter({
  routes: [
    { path: '/child', component: ChildComponent, meta: { row: true } } // 将row设置为true，表示子页面需要获取到row属性
  ]
})

在子页面的组件中，你可以使用`this.$route.meta.row`来获取到父页面的数据。这是一个JavaScript的劫持（hoisting）机制，允许你在路由变化时获取到这些信息。如果你想将这个值用在模板中，可以将其作为prop传递给子组件：

<template>
  <ChildComponent :row="parentRow" /> // 在这里通过prop将父页面的row传递给子组件
</template>

现在你已经将父页面的`row`属性传递给了子页面。当你从父页面导航到子页面时，这个属性将被传递并保留下来。请注意，这只是从父页面传递数据给子页面的方法之一，你也可以使用其他方法，如Vuex等状态管理库来处理更复杂的数据传递需求。