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

2023年2月8日09:25:55

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

学习笔记

1、父组件向子组件传值(props)

  • 在子组件中,默认是无法访问到父组件中的data上的数据和methods中的方法
  • 父组件可以在引用子组件的时候,通过属性绑定v-bind传递,子组件调用通过子组件属性props定义
  • vue父组件向子组件传值与传递方法
    2、父组件向子组件传递方法(this.$emit())
    vue父组件向子组件传值与传递方法
    1、在子组件内通过绑定事件机制:@自定义方法名=“父组件方法名”
    2、子组件方法中,通过this.emit(“自定义方法名”),触发
    3、子组件调用方法myclick

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

  • 作者:Puxh_
  • 原文链接:https://blog.csdn.net/Puxh_/article/details/107338574
    更新时间:2023年2月8日09:25:55 ,共 397 字。