vue子页面获取父页面参数

在 Vue 中，子组件可以通过 `props` 属性来接收父组件传递的数据。所以，如果你想让子页面获取父页面的参数，可以在父组件中将参数通过 `props` 传递给子组件。

例如，假设你有一个父组件 `ParentComponent`，它有一个参数 `parentParam`，你想把这个参数传递给子组件 `ChildComponent`，你可以这样写：

<template>
  <div>
    <child-component :child-param="parentParam"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue'

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      parentParam: '父页面参数'
    }
  }
}
</script>

在子组件 `ChildComponent` 中，你就可以通过 `props` 来接收 `childParam` 参数：

<template>
  <div>{{ childParam }}</div>
</template>

<script>
export default {
  props: {
    childParam: {
      type: String,
      required: true
    }
  }
}
</script>

这样，你就可以在子组件中获取到父页面传递的参数了。