在 Vue 子组件中使用 this.$parent 访问父组件的方法

在 Vue 子组件中，可以使用 `this.$parent` 访问父组件实例。通过访问父组件实例，我们可以调用父组件的方法或者访问父组件的数据。

例如，假设我们有一个父组件 `Parent` 和一个子组件 `Child`，父组件中有一个方法 `parentMethod`，我们想在子组件中调用这个方法。

在父组件中：

<template>
  <div>
    <Child />
  </div>
</template>

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

export default {
  components: {
    Child
  },
  methods: {
    parentMethod() {
      console.log('父组件方法被调用')
    }
  }
}
</script>

在子组件中：

<template>
  <div>
    <button @click="callParentMethod">调用父组件方法</button>
  </div>
</template>

<script>
export default {
  methods: {
    callParentMethod() {
      this.$parent.parentMethod()
    }
  }
}
</script>

在子组件中，我们定义了一个 `callParentMethod` 方法，当点击按钮时会调用这个方法。在这个方法中，我们使用 `this.$parent` 访问父组件实例，然后调用父组件的 `parentMethod` 方法。

需要注意的是，使用 `this.$parent` 访问父组件实例是一种比较简单的方式，但是它也有一些限制。如果你需要在多个子组件中访问同一个父组件的方法或数据，建议使用 `props` 或 `provide/inject` 等更加可靠的方式。