mapgetters와 mapactions 이용시 질문입니다.

안녕하세요 강의 잘 보고있습니다.

 

저는 강의처럼 스토어를 직접 접근하는 대신 mapgetters,mapgetters를 이용하고 있는데, 각 페이지별로 처음 진입시에는 api는 호출이 잘되는데 공통 listItem에는 바인딩이 잘 안됩니다. 그런데 같은 url를 2번 접근하면 그떄서야 공통 listItem에 바인딩이 잘됩니다. 혹시 왜그런지 알수있을까요??

 

<script>
import {mapGetters,mapActions} from 'vuex';
export default {
  methods:{
    ...mapActions({fetchNewsList:'FETCH_NEWS',fetchAskList:'FETCH_ASK',fetchJobsList:'FETCH_JOBS'})
  },
  data(){
    return {
        items:[],
        itemType:'',
    }
  },
  computed:{//계산하다. data를 계산해서 return 하는 유형으로 많이 사용.
    ...mapGetters({news:'getNews',asks:'GET_ASK',jobs:'GET_JOBS'}),
  },
  created(){
      const ROUTENAME = this.$route.name;
      this.itemType = ROUTENAME;
    if(ROUTENAME === 'news'){
        this.fetchNewsList();
        this.items = this.news;
    }else if(ROUTENAME === 'asks'){
        this.fetchAskList();
        this.items = this.asks;
    }else if(ROUTENAME === 'jobs'){
        this.fetchJobsList();
        this.items = this.jobs;
    }
  }
}
</script>