vue $parent 怎么用

在 Vue.js 中，$parent 是一个指向当前组件的父组件的指针，你可以通过 $parent 来访问父组件的属性和方法。一般来说，不建议在组件中直接访问父组件的属性和方法，而是通过 props 和 events 来实现组件之间的通信。但是在一些必要的情况下，可以使用 $parent。

下面是一个示例，展示了如何在 Vue.js 中使用 $parent：

<template>
  <div>
    <h2>子组件</h2>
    <p>我是子组件的内容</p>
    <button @click="$parent.sayHello()">调用父组件的方法</button>
  </div>
</template>

<script>
export default {
  name: 'ChildComponent',
  data() {
    return {};
  }
};
</script>

在上面的示例中，我们在子组件中使用了 $parent 来调用父组件的 sayHello 方法。这样做的好处是可以避免在父子组件之间通过 props 和 events 进行通信，但是应该谨慎使用，避免出现耦合度过高的情况。