[SOLVED] Vue webpack Axios data can not render

hello, I tried framework7-template-Vue-webpack
With Axios to retrieve data from WordPress with APIs, Axios data response goes well, but does not appear in components

console

methods in app.js and call in mounted

> getallcategories: function() {
> 			Axios.get('https://www.trimurti.id/wp-json/wp/v2/categories/?exclude=1').then(res_getallcategories => {
> 					
> 						this.roots_getallcategories = res_getallcategories.data
> 					} 
> 				) 
> 				.catch(error => {
> 					console.log(error)
> 					this.errored_getallcategories = true
> 				}).finally(() => this.loading_getallcategories = false)
> 		}, 

in home.vue

> <template v-if="this.$root.errored_getallcategories"><p>ERROR</p></template>
>       <template v-if="this.$root.loading_getallcategories"><p>LOADING data....</p></template>
>       <template v-else>
>         <template v-for="(item, index) in this.$root.roots_getallcategories">
>           <p>{{item.name}}</p>
>         </template>
>       </template>

The data only appears when I change the existing code in the Home.vue file, when I reload again, the data does not appear

Solved with installing vuex