How can I update data object of parent whenever changes happen inside v-for. I have a child component that I use inside parent component.

ParentComponent.vue

```
   <template>
       ....
       ....
    <child-component
      v-for="i in count"
      ref="childComponent"
      :key="i"
      currentPage="i"  // currentPage doesn't update.
      :page="i"
    />

      <q-header>
        {{currentPage}}  // always displays default value:1
      </q-header>

   </template>

    <script>
      data () {
         return {
            pageCount: 10,
            currentPage: 1,
          }

```

},

How can I update currentPage of data object whenever i changes inside v-for. I have tried using watch without much luck. I don't have access to child component and can't modify it.

Much appreciated!