el-checkboxgroup和v-model的经验总结

在写项目时，获取了数据后想要代码比较简洁，但在各种循环时出现了很多问题。
由于获取的数据格式，跟最后需要提交的数据格式不一致，所以一开始打算分为两个数据，一个是负责显示的数据A，另一个是负责绑定的数据B。A负责页面的渲染，B负责最终的提交。
这个过程里面，常出现的两个问题，一个是length undefined如下图

这个提示的原因一般是数据格式不是数组，所以获取不到length属性
另一个是跟上面长得很像 property 'xxx' of undefined，这个是因为对象里没有'xxx'这个属性
所以当出现错误提示的时候，要仔细分清到底是数组还是对象，已经它们对应的方法，数组的方法跟对象的方法是完全不一样的，不要搞混。
另外一个遇到的情况，头痛得要死。是在el-checkboxgroup标签里绑定v-model时，用数据对象obj.xxx = [] 来实现动态生成数组绑定进去。但数组只有一个值，而且checkbox第一次点击不生效，要第二次才可以。但如果单独在data里面声明一个数组，就可以绑定成功。因此我怀疑是因为对象结构深了，所以才无法绑定数组。
不知道原因，也不知道怎么表述，搜索了很久才找到个答案，这是原文