Passing Parent Function to Child Component in VueJS

Question

I\'m having my practice in VueJS 1.0 and I am learning about Components. in this example, there is an input element and has to supply coupon

Answer 1

You should bind the property:

<coupon v-bind:when-applied="setCoupon"></coupon>

or you could use the shorthand syntax for v-bind:

<coupon :when-applied="setCoupon"></coupon>

Read more about the props here.