Example of passing props in Vue

Parent+Child_Components.vue

<!-- Parent Component -->
<template>
  <div>
    <ChildComponent :numbers="numbers" />
  </div>
</template>
<script>
import ChildComponent from './child-component.js';
export default {
  name: 'ParentComponent',
  data() {
    return {
      numbers: [1, 2, 3]
    }
  },
  components: {
    ChildComponent
  }
}
</script>


<!-- Child Component -->
<template>
  <div>
    <h2>The numbers are {{ numbers }}!</h2>
  </div>
</template>
<script>
export default {
  name: 'ChildComponent',
  props: {
    numbers: Array
  }
}
</script>