Vuex Flash on Загрузка условного содержимого

Question

Когда я впервые загружаю страницу, я вижу содержимое, завернутое в условную визуализацию v-if.Он мигает на экране в течение секунды, а затем скрывается.

Вот как я изначально установил свое состояние в своем магазине:

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

Затем я заполняю state.projects с помощью axiosзапрос в действии, вызванном в методе созданного компонента ().

Тогда у меня в компоненте следующее:

    <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>

Я получаю флэш-память первого раздела (Сначала давайте добавимпроект).Таким образом, условие не выполняется, кажется, пока я не заполню данные, и это займет некоторое время.

Любые идеи, как сделать это скрытым, пока условие не будет выполнено.Спасибо!