标签:vue 自定义 在子 通信 添加 事件 props 组件
父子组件的通信
父组件通过props向子组件传递数据
子组件通过事件向父组件发送消息
父传子:
- 子组件在props中创建一个属性,用以接收父组件传过来的值
- 父组件中注册子组件
- 在子组件标签(在父组件文件中)中添加子组件props中创建的属性,也可以不添加直接用props里设置的默认值
- 把需要传给子组件的值赋给该属性
子传父(自定义事件):
-
在子组件中创建一个按钮,给按钮绑定一个点击事件
- 在响应该点击事件的函数中使用$emit来触发一个自定义事件,并传递一个参数
- 在父组件中的子标签中监听该自定义事件并添加一个响应该事件的处理方法
标签:vue,自定义,在子,通信,添加,事件,props,组件 来源: https://www.cnblogs.com/zxf906/p/15121110.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。