美文网首页
Vue组件之间的传值通信

Vue组件之间的传值通信

作者: 9979eb0cd854 | 来源:发表于2018-08-15 16:41 被阅读19次

父组件向子组件的传值:
1.子组件在props中创建一个属性,用来接收父组件传过来的值;

2.在父组件中注册子组件;

3.在子组件标签中添加子组件props中创建的属性;

4.把需要传给子组件的值赋给该属性。

子组件向父组件传值:
1.子组件中需要以某种方式(如点击事件)的方法来触发一个自定义的事件;

2.将需要传的值作为$emit的第二个参数,该值将作为实参传给响应事件的方法;

3.在父组件中注册子组件并在子组件标签上绑定自定义事件的监听。

相关文章

  • vue 6种通信总结①

    常用vue通信大概有这几种方式进行: 组件间的父子之间的传值 组件间的子父之间的传值 非组件间的组件间的传值(简称...

  • VUE组件(传值,生命周期)

    VUE生命周期 VUE子传父组件通信 VUE非父子组件传值

  • 【Vue】组件通信(子传父 $emit)

    组件和组件之间是相互独立的。如果父组件需要传值给子组件,可以看这里 【Vue】组件通信(父传子 props) 本节...

  • Vue组件间通信

    Vue组件间通信 父子组间通信 通过props向子组件传值,通过事件向父级组件发送消息 通过props向子组件传值...

  • 组件通信

    vue传值可分为父子之间传值、兄弟组件之间传值、跨代组件之间传值 1.父子之间传值:可以使用$emit/props...

  • vue组件梳理

    vue组件 未经同意 禁止转载 通信传值 1. props 父组件向子组件传值,子组件通过props接收值 2. ...

  • vue通信方式

    vue组件通信方式 使用props父传子 定义child组件 父组件传值