vue 解决组件比数据更早更新完的问题

忽然想到的，感觉会是个不错的方法
this.canteenList数据是异步线程得到的，这时不会更新list的数据，因为组件先加载完

    mounted(){
        this.user=JSON.parse(localStorage.getItem('user'))
        let userId=this.user.userId
        let data={userId:userId}
        getUserCollet(data).then(res=>{
           this.canteenList=res.data.data
        },err=>{
            this.$Message.error('网络错误')
        })
    },
 <canteen-card :list='canteenList' @goTo='goInCanteen'></canteen-card>

用个v-if判断就可以，有数据时再加载组件

        <template v-if="canteenList.length!=0">
             <canteen-card :list='canteenList' @goTo='goInCanteen'></canteen-card>
        </template>