本文共 512 字，大约阅读时间需要 1 分钟。
父组件与子组件之间的通信是Vue.js开发中常见的操作。以下将详细介绍两种主流的数据传递方式：父组件主动获取参数以及子组件主动向父组件传递参数。
在父组件中，通过ref获取子组件实例，然后调用子组件的方法（如showPhone()）来完成操作。这是被动传参的方式，子组件只需按照预期接收参数即可，无需主动向父组件传递。
在子组件中，通过props定义一个函数属性（callback），父组件通过在标签上绑定该函数，子组件触发时将数据传递给父组件。
在子组件中，通过$emit事件发射数据。父组件通过在子组件标签上绑定自定义事件名称，并在该事件触发时接收数据。
以上方法均可实现组件间的数据传递，选择合适的方式取决于具体需求和组件结构。
转载地址：http://whjwz.baihongyu.com/