Vuex Flash加载条件内容

Question

第一次加载页面时，我看到包装在条件渲染v-if中的内容。它在屏幕上闪烁一秒钟，然后隐藏。

这是我最初在商店中设置状态的方式：

const store = new Vuex.Store({
    state: {
        count: 31,
        summaryItems: [],
        projects: {},
  }
}

然后我在组件的created（）方法内调用的操作中，使用axios请求填充state.projects。

然后我的组件中有以下内容：

    <div id="component-summary" v-if="!this.$store.state.projects.length">
      <h2>First let's add a project.</h2>
    </div>
    <div v-else>
      <div>Project added</div>
    </div>

我得到第一部分的闪光（首先让我们添加一个项目）。因此，直到我填充数据并且要花一些时间才能满足条件。

任何想法如何使其隐藏直到满足条件。谢谢！