javascript - vue动态data的双向绑定问题

Question

form表单双向绑定的问题,我data里定义的对象是动态生成的,

在form表单中

这样是无法双向绑定的

这样定义是可以的 这是什么原因？
欢迎各位大佬教育

Answer 1

理解下官网文档中这句话链接描述

由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程，所以属性必须在 data 对象上存在才能让 Vue 转换它，这样才能让它是响应的