From the parent component, you pass some values to the child component, using a colon followed by the name you want to access with in the child component.

On the parent component, say pages/index.vue:

<template>
  <div>
    <div v-for="review in reviews">
      <SingleReview :review="review" :key="review._id" />
    </div>
  </div>
</template>

In this case, we pass each review object to the child with the name review.

On the child component named components/singleReview.vue:

<script setup>
const props = defineProps({
  review: {
    type: Object,
    required: true,
  },
});
const { review } = props;
</script>

And we access each review prop in the child component using the same name.

See a working replication

you have to use camelCase in JavaScript part

<script>
export default {
  props: [
    'basketCount'
  ]
}
</script>

To pass data between components of page, another way is to use a Vuex Store https://nuxtjs.org/guide/vuex-store/