Vue2组件通信怎么使用 $parent 和 $children 访问父子实例-Vue.js-PHP中文网

$parent 和 $children 是 Vue2 提供的底层应急能力，非推荐标准通信方式；$parent 可访问父实例方法但属性不保证存在，$children 为非响应式数组且顺序不保证，二者均绕过响应式系统、加剧耦合、损害类型安全与可维护性。

vue2组件通信怎么使用 $parent 和 $children 访问父子实例

直接用 $parent 和 $children 访问父子组件实例是 Vue2 提供的底层能力，但不是推荐的标准做法。它们适合临时调试或简单调用，不适合长期维护或复杂逻辑。

$parent：子组件访问父组件实例

在子组件中，this.$parent 指向其直接父组件的 Vue 实例，可读取 data、methods、computed 等属性。

子组件可通过 this.$parent.someMethod() 调用父组件方法，比如触发弹窗、滚动定位等轻量操作
可读取父组件的临时状态，如 this.$parent.debugMode 或 this.$parent.config
注意：父组件结构一旦变动（如被替换或封装），$parent 上的属性可能不存在，运行时容易报错
根组件（App）中 $parent 为 undefined，不可访问

$children：父组件访问直接子组件实例

this.$children 是一个非响应式的数组，包含当前组件下所有直接子组件实例（不含 v-if="false" 或异步加载未渲染的组件）。

vue-composition-api-best-practices

Vue 3 组合式 API 与

相关专题

python是前端还是后端

Python属于前端也属于后端，其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容，供大家免费下载体验。

2503

2023.08.11

前端如何实现即时通讯

实现即时通讯的方法有WebSocket、Long Polling、Server-Sent Events、WebRTC等等。详细介绍：1、WebSocket，它可以在客户端和服务器之间建立持久连接，实现实时的双向通信，前端可以使用 WebSocket API来创建WebSocket连接，并通过发送和接收消息来实现即时通讯；2、Long Polling，是一种模拟实时通信的技术等等。

5403

2023.10.09