楽天ブックス書籍検索APIで受け取ったJSONから書籍のタイトルをVue.jsでリストレンダリングしたいです。

前提・実現したいこと

楽天ブックス書籍検索APIで受け取ったJSONをVue.jsでリストレンダリングしたい。

発生している問題・エラーメッセージ

Vue.jsでaxiosを使って楽天ブックス書籍検索APIのJSONを受け取ります。
受け取ったJSONデータのitemsプロパティの中に書籍のデータが入っています。
このitemsプロパティのデータをVue.jsのdataオプションに入れて、
書籍のタイトルをリストレンダリングしたいのですがうまくいきません。

該当のソースコード

Vue
1<template>
2    <ul v-for="book in books" :key="">
3      <li>{{ ここに書籍のタイトルを表示したい }}</li>
4    </ul>
5</template>
6<script>
7data() {
8    return {
9      books: [],
10    };
11  },
12  methods: {
13    serchBook() {
14      axios
15        .get("楽天ブックス書籍検索APIのURL")
16        .then((res) => {
17          this.books = res.data;
18        });
19    },
20  }
21</script>

試したこと

serchBook()のなかでレスポンスデータ(res.data)を操作をして見ましたが、
console.log()でundifindになり不明です。

補足情報（FW/ツールのバージョンなど）

楽天ブックス書籍検索APIのレスポンスは以下です。

JSON
1{
2　Items: [],
3　pageCount: 2,
4　hits: 30,
5　last: 30,
6　count: 35,
7　page: 1,
8　carrier: 0,
9　GenreInformation: [],
10　first: 1
11}

このレスポンスのItems:[]に書籍情報が入っています。　
Items:[]の中身は以下です。

JSON
1items:[
2　item:{
3　　title:"タイトル"
4　　author:"著者"
5　},
6　item{},
7　item{}
8]

行動規範の内容に同意します

回答1件

自己解決

自己解決しました。
JSONデータのitemsの頭文字は大文字でした。

Vue
1<template>
2    <ul v-for="book in books" :key="">
3      <li>{{ book.Item.title }}</li>
4    </ul>
5</template>
6<script>
7data() {
8    return {
9      books: [],
10    };
11  },
12  methods: {
13    serchBook() {
14      axios
15        .get("楽天ブックス書籍検索APIのURL")
16        .then((res) => {
17          this.books = res.data.Items;
18        });
19    },
20  }
21</script>