I am currently working on a single page that is responsible for showcasing Books (child component) on the Dashboard (Parent-component).
In the DisplayBooks component, the data is fetched from the backend and stored in a books array. I then iterate through this array using a loop to display the books on the UI page. Now, I need to pass the length of the books[] array to the Dashboard component and bind it to the template section. Please guide me on how to achieve this.
Dashboard.vue
<template>
<div class="main">
<div class="navbar navbar-default navbar-fixed-top">
...
</div>
<script>
...
</script>
<style lang="scss" scoped>
...
</style>
DisplayBooks.vue
<template>
<div class="carddisplay-section">
...
</div>
</template>
<script>
...
</script>
<style lang="scss" scoped>
...
</style>