vue中父子组件之间的通信

父子组件通信原则:1.父子组件是单向数据流,父组件状态更新,子组件中prop状态也会更新,但子组件的状态变化不会影响父组件。在修改子组件的porp时,console会报错。原因:防止子组件无意间修改父组件的状态,避免数据流变得难以理解。———如果父组件传递给子组件的的状态时对象或者数组,因为两者是按引用传值,所以在子组件中可以改变对象或数组的值,同时也会影响到父组件状态。

1. 每次父组件状态更新时,父组件中所有的双向绑定model都会进行更新,同时子组件中的prop也会进行更新。父组件中更新的状态,必须在父组件中进行双向绑定,或者传递到子组件,才会触发父组件的其他状态更新。

   父组件向子组件中传参:

     其一:通过porp传递数据

                           静态传递  动态传递  传入数组

   子组件中改变父组件的状态有两种方式:

     其一:通过事件派发,父组件相应子组件派发的事件,由父组件自己改变自己的状态

     其二:父组件向子组件传递数组或对象,在子组件中改变数组或对象的状态。

猜你喜欢

转载自blog.csdn.net/liouswll/article/details/80669564