vue $parent

在 Vue 中，每个组件都有一个 `$parent` 属性，指向其父组件实例。通过 `$parent`，子组件可以访问父组件的属性和方法。

例如，假设有一个父组件 `ParentComponent` 和一个子组件 `ChildComponent`，在父组件中定义了一个属性 `parentProp` 和一个方法 `parentMethod`，可以通过 `$parent` 在子组件中访问到它们：

<template>
  <div>
    <p>父组件属性：{{ $parent.parentProp }}</p>
    <p>父组件方法：{{ $parent.parentMethod() }}</p>
  </div>
</template>

<script>
export default {
  name: 'ChildComponent',
  // ...
}
</script>

需要注意的是，如果使用 `$parent` 访问父组件的属性或方法，那么子组件与父组件就产生了一定的耦合性，不太便于组件的复用。因此，建议在父组件中通过 `props` 和事件来向子组件传递数据和方法。