vue子组件传值给父组件

 

关键词：$on  $emit 

<LoginForID v-on:listentoID="getUserID" v-on:listentoPSW="getUserPsw" v-if="which_to_show == 'LoginForID'"></LoginForID>

 

getUserID、getUserPsw为父组件中methods定义的获取子组件数据的方法

 

 

子组件需要通过change事件监听input输入值的变更，触发事件通知父组件并将子组件的数据作为参数传给父组件

 

父组件定义好的两个获取子组件传出来的参数的方法：

 

data即为子组件传出来的参数，在这里直接复制给父组件的本地属性，完成传值