vue组件之间通信:父传子

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

如果熟悉React你就会发现,vue与React的组件通信是一样的:父传子、子传父、非父子其原理是一样的。

今天只讲vue的父传子:

子组件:






父组件:







 

子组件:






父组件:





 

总结---在vue当中,父组件向子组件传值,其原理就:

(1)第一步,首先我们要在父组件中确定好要传给子组件的值

(2)第二步,在父组件当中,在我们引入的子组件上去自定义一个属性,然后通过这个自定义的属性把父组件上想要传递给子组件的值传递到这个属性上

(3)最后在子组件上,我们可以通过props属性来去接收这个自定义的属性(此时这个自定义属性已经携带着要传递的值了)

 

转载于:https://my.oschina.net/u/3946362/blog/2252579

你可能感兴趣的:(javascript,python)