饿了么webapp之数据二级访问

效果图：

父组件代码：

子组件代码：

问题在于：子组件获取seller.supports[0]时一定要通过v-if判断有无seller.supports，否则会报错，这是为什么呢？

原因在于一开始传过去的seller.supports[0]是并没有这个属性，但是有seller.support和support.name等，因为这些可以说是直接属性，而support是一个数组里面包含对象，访问里面的数据要通过二级访问。一开始是直接把seller.supports[0]渲染了，然而并没有找到这个属性，因此报错。加上v-if="seller.supports"后，会再去二级访问supports找到数据，再去渲染这个元素，因此就不会报错了。