购物车功能，vuex，怎么点击加入购物车，没有反应呢（已解决，给购物车添加一本新的书）

<template>
  <div>
      <table>
          <tr>
              <td>商品编号</td>
              <td><input type="text" v-model.number="id"></td>
          </tr>
          <tr>
              <td>商品名称</td>
              <td><input type="text" v-model="title"></td>
          </tr>
          <tr>
              <td>商品价格</td>
              <td><input type="text" v-model="price"></td>
          </tr>
          <tr>
              <td colspan="2"><button @click="addCart">加入购物车</button></td>
          </tr>
      </table>
      <table>
          <thead>
              <tr>
                  <th>编号</th>
                  <th>商品名称</th>
                  <th>价格</th>
                  <th>数量</th>
                  <th>金额</th>
                  <th>操作</th>
              </tr>
          </thead>
          <tbody>
              <tr v-for = "book in books" :key="book.id">
                  <td>{
   {
    book.id }}</td>
                  <td>{
   {
    book.title }}</td>
                  <td>{
   {
    book.price }}</td>
                  <td><button>删除</button>{
   {
    book.count }}<button>+</button><