javascript"><template>
    <h3>新书上市</h3>
    <div>
       <p v-for="book in books" 
        :key="book.id">
        {{ book.title }}</p>
    </div>
</template>


<script>
export default {
     data() {
         books: 
             [
                 {title:'',}
                 ]
         }
     }

</script>

改了一下，能显示了，但是不全。

javascript"><template>
    <div class="booksNew">
        <h3>新书上市</h3>
       <div class="book" v-for="book in books" :key="book.id"> {{ book.title }} </div>
    </div>
</template>


<script>
export default {
    name: '',
    props:[''],
     data() {
         return {
         books: 
             [
                 {title:'ryg',},
                 {title:'ryg',},
                 {title:'ryg',}
                 ]
         }
     }
}
</script>