vue.js中如何在多层循环中分别获取数据进行绑定

目前用vue.js在做一个统计数量的表，统计不同颜色中不同尺码的衣服数量。
简单的html代码为

<div v-for="order in orderlist">
<table>
    <tr v-for="sku in order.sku">
        <td align="center">{{sku.color}}</td>
        <td v-for="amount in sku.amount">
            <input type="number" v-model="amount.num" @blur="skucheck(sku.id, amount.stock)">
        </td>
        <td>{{sku.skutotal}}</td>
    </tr>
</table>
<div>{{order.total}}</div>
</div>

数据结构是

{
    orderlist:[
        {sku:[
            {id: },
            {color: },
            {amount:[
                {num: ,
                 stock: },
                {num: 
                 stock: }
            ]},
            {skutotal: }
        ]},
        {total: }
    ]
}

orderlist下面有多张订单，每个订单下面又有多个sku，每个sku下有若干尺码，尺码对应amount下面的每个num和stock。
我现在想做的是在每个input失去焦点后刷新skutotal即单个sku（颜色）对应的小计数量和单张订单总数量total。
刚学vue不是很清楚这样的情况要怎么绑定，哪位大神能帮帮忙说一下呗

---

{{sku.color}} 也用v-model

---

this is a easy demo https://github.com/TIGERB/eas...