组件之间的传值
子组件传值给父组件
子组件模板中使用$emit() 来定义自定义事件,$emit() 有两个参数,
第一个参数为自定义的事件名称;
第二个为需要传递给父组件的参数;
父组件在子组件的标签处使用@绑定子组件定义的事件,用一个方法来监听子组件的事件是否被调用,
来接收子组件传输的参数,实现通信
到此,子组件到父组件的传值完成啦!!!
父组件传值给子组件
父组件主要是通过以属性的形式将值绑定到子组件身上
子组件通过props接收参数;props是一个只读属性,不能进行修改;props可以是数组也可以是对象
两者的区别:
数组:不能设置默认值,数据类型
对象:可以设置默认值,数据类型;但书写较复杂
以上,就是要介绍的两个组件与组件之间的传值方式啦
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix