vue父组件和子组件之间的通信

1.父组件传递数据给子组件。

    原理:将父组件的值作为一个属性,绑定给子组件,在子组件中通过props进行接收。其中props接收的方式有3种:

    1.props:['name']

  2.props:{name:{type:String}}

    3.props:{name:String}

vue父组件和子组件之间的通信

vue父组件和子组件之间的通信

2.子组件跟父组件之间的通信

    原理:子组件需要利用一个$emit('声明的事件','需要发送的值');而父组件的接收需要利用事件进行接收--也就是在子组件中进行事件的绑定,并且函数在声明中不能加(),在父组件的methos中,接收的函数需要有一个参数,这个参数也就是子组件传给父组件之间的值。

    vue父组件和子组件之间的通信

vue父组件和子组件之间的通信