vue绑定方法的时候如何传入参数？

Question

现使用vue实现一购物车功能，在操作加减商品数量时，不知如何传入商品价格。

<div class="goods">
    <div class="goods-name">{{item.name}}</div>
    <div class="goods-price">{{item.price}}</div>
    <div class="sub" @click="sub(price)" :price="item.price">减法操作</div>
    <div class="add" @click="add(price)" :price="item.price">加法操作</div>
</div>

怎样在执行加减法操作的时候，将商品价格作为参数传入函数？

Answer 1

<div class="goods">
    <div class="goods-name">{{item.name}}</div>
    <div class="goods-price">{{item.price}}</div>
    <div class="sub" @click="sub(item.price)">减法操作</div>
    <div class="add" @click="add(item.price)">加法操作</div>
</div>

Answer 2

sub(item.price)