父子组件传递问题

一、父组件传递给子组件数据，通过props传递

父组件，在data里面返回数据，绑定在dom上，

子组件：通过props传递父组件的数据，因为引用了props,所以不需要data返回，记住：props里面的名字是绑定属性的名字，即ageSrc,而不是数据名字

 二、子组件传递给父组件

子组件通过#emit传递给父组件

html

<div class="key" @touchstart="typing('1')">1</div>

js

 typing (val) {
         this.$emit('typing', val)
       }

父组件

父组件引用子组件上，将子组件的方法动态绑定到组件上

 

　父组件js

 

转载于:https://www.cnblogs.com/summerXll/p/7609845.html