vue.js 中如果data的属性比较多有什么好的方式维护吗？

Question

对于一些数据量比较多的表单页面，vue中的data属性一般也会比较多，想了解下关于这种情况有没有比较好的维护方式？

以前是通过对象分类，但发现对象层级太深结合v-model和computed等,容易出现不更新的问题。

new Vue({

    data:{

        prop1:'a',

        prop2: {

            prop3: "b",

            ...

        },

        ...

    },

    computed: {

        "prop4.prop5": function(){

            return "1";

        }

    }

})

Answer 1

不更新的问题大概是因为object.defineproperty本身的原因，文档上有解决方案的。简单来说就是属性未定义，后增加的没有getter，setter方法，也就不更新了。