大家好，又见面了，我是你们的朋友全栈君。
vue父组件向子组件传值与传递方法
学习笔记
1、父组件向子组件传值（props）
- 在子组件中，默认是无法访问到父组件中的data上的数据和methods中的方法
- 父组件可以在引用子组件的时候，通过属性绑定v-bind传递，子组件调用通过子组件属性props定义
2、父组件向子组件传递方法（this.$emit()）
1、在子组件内通过绑定事件机制：@自定义方法名=“父组件方法名”
2、子组件方法中，通过this.emit(“自定义方法名”)，触发
3、子组件调用方法myclick
总结：
1、父组件向子组件传值：1）子组件内v-bind自定义属性传递；2）子组件props属性定义自定义属性名；3）子组件调用自定义属性
2、父组件向子组件传递方法：1）子组件内通过事件绑定机制 @自定义方法名=“父组件方法名”；2）在子组件方法内，通过this.$emit(“自定义方法名”)触发调用 3）子组件内调用子组件方法
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/125977.html原文链接：https://javaforall.cn
【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛
【官方授权 正版激活】： 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...
评论列表（1条）
1、在父组件内通过绑定事件机制：@自定义方法名=“父组件方法名”