数据绑定多级对象属性时的报错解决

数据绑定多级对象属性时的报错解决

（1）例子如下：

（2）当syncObjForm被后台数据赋值时，会产生报错：

（3）原因就是：
模板在渲染时，读取对象中的某个对象时发现该对象为undefined，不能继续往下取值，通俗点就是三层表达式a.b.c，在对象a中不存在属性b，那么读取对象a.b.c中的值，自然会报错(若是两层表达式a.b则不会报错，返回的是undefined)

vue渲染机制中，异步数据先显示初始数据，再显示带数据的数据，所以加载syncObjForm时候还是一个空对象，当渲染完成后，才加载异步数据，因此在渲染时，出现的三层表达式在syncObjForm中取tableOutput属性中的tableName属性的值自然会报错，但是渲染完成后，syncObjForm中的值加载好了，自然可以取到，这也就解释了为什么界面正常显示，但开发者工具会报错的原因。

（4）解决方法：
模板中多添加一个v-if判断条件，即表示如果syncObjForm取不到tableOutput属性，则不加载该div（注意，不能用v-show，v-show的机制是加载后，根据条件判断是否显示）