v-if用在组件上的问题

Question

<template>
    <div>
        <my-component v-if="isShow" />
    </div></template>

...data() {    return {
        isShow: false
    }
},
methods: {
    getData: function() {        this.$http.get('xxxxxxx').then(r=>{            this.isShow = true;
        })
    }
}
...

组件注册了，请求成功了，其他代码省略了。
请教各位大佬，这样写，组件根本不渲染，即使isShow已经变为true，这是为什么呢？

Answer 1

axios回调里面用this.$forceUpdate();应该是数据层次太多导致不渲染