vue 父子组件传值问题

最新推荐文章于 2025-06-17 10:37:35 发布

原创最新推荐文章于 2025-06-17 10:37:35 发布 · 370 阅读

0 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了Vue.js中如何实现父子组件间的通信。具体包括子组件如何通过props接收父组件传递的数据，以及如何使用$emit触发事件通知父组件进行操作。此外，还详细解释了如何在事件中传递参数。

父组件 data里的值，在子组件中可以通过 props拿到，props：［］；子组件可以通过$emit来通知父组件。比如在子元素中添加一个点击事件或者 change事件。可以通过 this.$emit('change')去通知父组件，父组件 html 里面通过 @change注册接收。如果需要这个事件传输参数的话，可以写 this.$emit（‘change’，this.page）传参。如果参数不是一个，而是多个，在后面括号里继续添加this.$emit('change',this.page,this.book).然后在父组件里用@change=“change”接收;再在methods里面添加 change(page,book)方法。接收两个参数，就是传过来的参数