请问Vuejs如何获取计算后的绑定值

Question

<div id="app">

<input v-model="c.a">
<input v-model="c.b">
<input :value="c.a*c.b">

</div>

var vm = new Vue({

el:"#app",
data:{
    c:{}
},
...

});

因为官方文档是说存在v-model的表单会无视value属性，如果我想获取三个输入框的值并且作为同一个对象c提交到后台，该如何实现(在angularjs内是可以直接获取的，同MVVM的Vuejs有相似的方式吗)？
尝试过在data里面对第三个框进行绑定并且设定计算规则(相乘)，但是似乎Vue不认识
<input v-model="c.d">
...
data:{

c:{
   //d:this.c.a*this.c.b
}

},
...
求教!

Answer 1

用computed可以轻松实现
例子

<template>
  <div id="app">
    <input v-model="c.a">
    <input v-model="c.b">
    <input :value="v">
    {{ c }}
  </div>
</template>
<script>
  export default {
    data() {
      return {
        c: {a: 0, b: 0, c: 0},
      };
    },
    computed: {
      v() {
        const v = this.c.a * this.c.b;
        this.c.c = v;
        return v;
      },
    },
  };
</script>

Answer 2

计算属性了解一下
https://cn.vuejs.org/v2/api/?...