<span class="check"><input type="checkbox" @click="selectGoods(index)" :checked="item.isSelect"> </span> <span class="name"> <img :src="item.img"> {{item.name}} </span> <span class="unitPrice">{{item.unitPrice | formatPrice}}</span> <span class="num"> <span @click="reduce(index)" :class="{off:item.num==1}">-</span> {{item.num}} <span @click="add(index)">+</span> </span> <span class="unitTotalPrice">{{item.unitPrice * item.num | formatPrice}}</span> <span class="operation"> <a @click="remove(index)">删除</a> </span>

这段代码是一个HTML代码片段，表示一个商品列表项。它包含了一些动态绑定的属性和事件处理器，用于实现商品列表的展示和交互功能。

首先，有一个复选框元素，通过Vue.js的@click绑定来调用selectGoods方法，并通过:checked绑定来控制复选框的选中状态。

接下来是商品名称、图片、单价和数量的展示。商品名称使用了双花括号语法来插值渲染item.name变量的值。商品图片使用了动态绑定的:src属性，绑定了item.img变量的值。单价和数量分别使用了formatPrice过滤器进行了格式化。

然后是数量操作部分，包含减少数量和增加数量的按钮。通过@click绑定调用reduce和add方法，并使用:class绑定来控制减少按钮的禁用状态。

最后是小计和操作部分，小计使用了单价乘以数量的计算，并通过formatPrice过滤器进行了格式化。操作部分包含了一个删除链接，通过@click绑定调用remove方法来删除该商品。

这段代码可以用于展示一个商品列表，并实现选中商品、修改数量、删除商品等交互功能。