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

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

大家好,欢迎来到IT知识分享网。

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://yundeesoft.com/16186.html

(0)
上一篇 2024-02-10 10:45
下一篇 2024-02-14 11:00

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信