vue小练习 （二）

购物车渲染案例：

我做出的效果：

由于接口的问题，目前只有三本书

案例的要求：

1. 鼠标经过时会有阴影和小动画
2. 点击X 可以删除图书
3. 从接口请求图书

 以下是我写的代码：

（写的不好请见谅）

因为代码太多，我只截了主要部分。

请求图书接口等其他数据我写在了vuex的store里

具体vuex的请求方式和使用方式，我在另一篇博客有仔细详述

<template>
  <div id="app">
    <h2>我的购物车</h2>
    <!-- <button @click="$store.dispatch('getBooks')">请求图书</button> -->
    <div class="list">
      <!-- v-for="(循环变量，索引变量 in 数组)" -->
      <div
        v-for="(item, index) in $store.state.books"
        :key="index"
        class="book"
        :title="item.name"
      >
        &l