vue中如何计算input里面输入的数字然后做运算

如果我在input里面输入数字1，然后在到另一个input输入数字2，以此类推，到第10个input的 这个input不能输入，是用来显示前几个数字之和，应该怎么处理

computed

<template>
  <div>
    <input type="text" name="" id="" v-for="(item,index) in inps" :key="index" v-model="inps[index]">
    <input type="text" v-model='num' readonly>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        inps: [0, 0, 0, 0, 0, 0, 0, 0, 0]
      }
    },
    computed: {
      num () {
        var add = 0
        for (let i = 0; i < this.inps.length; i++) {
          add += this.inps[i] - 0
        }
        return add
      }
    }
  }
</script>

给你的input 加上 v-on:input="inputFunc" ，然后在data里定义10个input定义的变量，，然后分别给input 定义 v-model

然后定义这个函数inputFunc 在这个函数里，进行求和计算，然后赋值最后一个input
inputFunc: function(index) {
这里计算data里9个input对应的变量，然后赋值给第10个input的变量
}