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