购物车渲染案例:
我做出的效果:
由于接口的问题,目前只有三本书
案例的要求:
- 鼠标经过时会有阴影和小动画
- 点击X 可以删除图书
- 从接口请求图书
以下是我写的代码:
(写的不好请见谅)
因为代码太多,我只截了主要部分。
请求图书接口等其他数据我写在了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