请问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>