vue2.0 require 异步加载组件无法展示？

Question

//定义处index.js
Vue.component('yellowBanner', function(resolve) {
  require(['./yellowbanner.vue'], resolve);
});

//使用处xxx.vue
<template>
    <yellowBanner :data="dataBar" v-if="dataBar"></yellowBanner>
<template>

首先定义了一个组件，然后通过require进行异步组件加载，使用的地方将组件require进来，写在了模板中，组件的数据dataBar是通过接口异步获取的。
通过chrome可以看到，异步接口请求结束之后，组件的js和css进行了异步加载，但是这个时候组件却没有显示出来，我必须手动触发修改state状态，然后才显示了出来，这个是什么原因？