Q:

Pass change to child components when data value in parent component is changed in vuejs

I want to pass down the changes made in parent component data values to its child components each time the value changes in parent how can i achieve it in vue.js. I am using 3 custom components that have to reflect the current value of the parent component each time. p.s i am new to vue.js 

A:

Data is typically passed one-way from parent to child components via props. See the documentation on this here.
Example:
// register the child component 
Vue.component('child', {
  props: ['myProp'],
  template: '<span>{{ myProp }}</span>'
})

// in parent component 
<child :my-prop="hello"></child>

