async props at version 2.42

[whatwg6]

app.vue异步获取数据赋回给seller，header组件接收时这段代码会报错

<div class="supports">
      <span class="supports-icon" :class="classMap[seller.supports[0].type]"></span>
      <span class="supports-txt">{{seller.supports[0].description}}</span>
</div>

// vue.esm.js?63b1:476 [Vue warn]: Error in render function: "TypeError: Cannot read property '0' of undefined" 解决1：异步获取数据后将flag置为true，子组件再渲染 app.vue

 data () {
    return {
        data () {
           seller: {
                flag:  false
            }
        }
    }
  },

header.vue

<template>
     <div v-if="seller.flag"></div>
</template>

解决2：watch数据再执行回调函数

end