首页 > 编程知识 正文

vue组件之间传值,vue父传子方法

时间:2023-05-06 09:40:57 阅读:173381 作者:793

vue组件通信(父组件、子组件)1)在父组件中定制属性,以v-bind或:格式绑定data中的数据

)2)可以通过将子组件中的export default导入到data对等项中,并使用props写入父组件中的自定义属性来传递父组件中的数据。

注: props只能从父代访问子代。 所谓的单一数据流,props属性是只读的。 子代不能更改父代的值,但可以更改对象的属性。 一般不建议子代更改父代数据。 )

子代(1)父组件中的自定义事件eg : @ change val=' change this val '

)在子组件中,通过相应的唯一事件进行自定义事件名称eg: @click=clickEvent,用于触发父组件的子组件调用,在子组件中,通过methods将this.

clickEvent ()//自定义事件的驼峰命名方法this.$emit ) (changeval ),{name: ) nihao ) }; (3)在父组件的自定义事件调用方法中,eg通过参数接收从子组件传递的数据:

clickevent(obj ) { console.log ) (我是从部件传递的数据) obj ); }

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。