叫你快速会写js购物车，不会写你打我

<div id="app">

        <div class="product" v-for='(item,index) in list'>

            <button class="up" @click='upFn(index)'>+</button>

            <input type="text" class="inp" v-model='item.num'>

            <button class="down" @click='downFn(index)'>-</button>

            <div class="content"> { {item.name}}单价： { {item.price}}元小计{ {all[index]}}元</div>

        </div>

        <div class="info">

            商品共合计<button class="btn">{ {number}}</button>件 共花费了 <button class="btn">{ {top}}</button>元

        </div>

        <div class="info"> 其中最贵的商品是<button class="