Vue：$parent

什么是$parent

在 Vue.js 中，this.$parent 是组件实例的一个属性，用于访问当前组件的直接父组件实例。它提供了一种在子组件中与父组件进行通信和交互的方式。

当一个组件被创建时，Vue.js 会在内部为该组件创建一个组件实例，并建立组件之间的父子关系。每个组件实例都具有 $parent 属性，指向它的直接父组件实例。

通过 this.$parent，你可以在子组件中访问父组件的属性、方法和生命周期钩子，以实现组件之间的数据传递、状态管理和交互操作。你可以使用 $parent 来访问父组件中定义的数据、计算属性、方法等，以及调用父组件中的方法。

需要注意的是，this.$parent 只能访问直接父组件，而无法访问更上层的祖先组件。如果需要访问更上层的组件实例，可以使用 $parent 的链式调用，或者使用 $root 属性来访问根组件的实例。

总之，this.$parent 是 Vue.js 提供的一个属性，用于访问当前组件的直接父组件实例，通过它可以在子组件中与父组件进行通信和交互。

参考：https://blog.csdn.net/weixin_43352901/article/details/109289276