vue.js 有多个输入框绑定一个多层对象里的属性，如何像v-for给绑定的子对象一样起别名？

Question

比如有下列vue里的数据对象。

data:{

    a1:{
        a2:{
             test1:"555"
             test2:"333"
        }
    }

}

我想要在一个表单容器（比如一个div或者任意html标签）的html标签内先写绑定代码 v-model="a1.a2"，起个别名叫form
表单容器内的输入框标签有两个，其绑定，我不想写a1.a2……，我想这样写

<input v-model="form.test1" />

<input v-model="form.test2" />

这样就像v-for循环的临时变量一样。

a1.a2只是简单起名，实际业务的话，某些属性名为了一眼能认出含义，属性名可能会起的较长一些。

这要怎么做？

Answer 1

似乎这样就可以解决题主的问题。

computed: {
  form() {
    return this.a1.a2;
  }
}

Answer 2

可以把a2 提到最外层 等你提交的时候再去构建a1 http.xxx(a1{a2: this.form})