vue父组件向子组件传值与传递方法「建议收藏」

大家好，又见面了，我是你们的朋友全栈君。

vue父组件向子组件传值与传递方法

学习笔记

1、父组件向子组件传值（props）

• 在子组件中，默认是无法访问到父组件中的data上的数据和methods中的方法
• 父组件可以在引用子组件的时候，通过属性绑定v-bind传递，子组件调用通过子组件属性props定义

在这里插入图片描述

2、父组件向子组件传递方法（this.$emit()）

vue父组件向子组件传值与传递方法「建议收藏」

1、在子组件内通过绑定事件机制：@自定义方法名=“父组件方法名” 2、子组件方法中，通过this.emit(“自定义方法名”)，触发 3、子组件调用方法myclick

总结： 1、父组件向子组件传值：1）子组件内v-bind自定义属性传递；2）子组件props属性定义自定义属性名；3）子组件调用自定义属性 2、父组件向子组件传递方法：1）子组件内通过事件绑定机制 @自定义方法名=“父组件方法名”；2）在子组件方法内，通过this.$emit(“自定义方法名”)触发调用 3）子组件内调用子组件方法

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/125977.html原文链接：https://javaforall.cn