vue3 项目购物车，带有动画，从入门到入土，前端最新大厂面试真题总结

@click=“tabclick(i)”

{{ item.name }}</span

class=“list”

v-for=“item in $store.state.data”

:key=“item.id”

v-show=“num == item.status”

{{ item.name }}

￥{{ item.price }}

{{ item.payNum }}人付款

About.vue

=============================================

<button @click=“$router.go(-1)”>返回

<transition-group

appear

name=“animate__animated animate__bounce”

enter-active-class=“animate__zoomInDown”

leave-active-class=“animate__zoomOutDown”

<input

type=“checkbox”

:checked=“item.checked”

@change=“ck(item.id)”

/>

<span @click=“item.num > 1 ? item.num-- : 1”>-

{{ item.num }}

<span @click=“item.num++”>+

<button @click=“del”>删除所选

已选{{ $store.getters.num }}

总数{{ $store.getters.priceAll }}

<input

type=“checkbox”

v-model=“$store.state.vmckall”

@click=“ckAll($event || e)”

/>全选