1
//定义处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状态,然后才显示了出来,这个是什么原因?

撰写答案