vuejs 구성 요소에서 vuex 상태 변경을 확인하는 중

vuejs 구성 요소에서 vuex 상태 변경을 확인하는 중

저는 vue.js와 vuex 둘 다 처음입니다.특정 데이터가 주에서 사용 가능할 때 작업을 발송해야 하는 구성 요소가 있습니다.어떻게 해야 돼요?

예:

export default {
   name: 'MyComponent',
   computed: {
      targetItem() {
         return this.$store.getters.getTarget(this.$route.params.id);
      }
   }
}

위의 예에서 나는 스토어에 대한 새로운 조치를 다음과 같이 발송하고 싶습니다.targetItem값이 있습니다.이는 vuex 작업을 통해 Ajax 요청을 트리거하여 다음에 대한 더 많은 데이터를 수집할 수 있기 때문입니다.targetItem

감사해요.

결국 효과적인 솔루션을 찾았습니다.

export default {
   name: 'MyComponent',
   computed: {
      targetItem() {
         return this.$store.getters.getTarget(this.$route.params.id);
     }
   },
   watch: {
      shop (newVal, oldVal) {
         if(!!newVal && !oldVal) {
            const {targetItem} = this;           
            this.$store.dispatch('ACTION_NAME',{targetItem});
         }
      }
   }
}

감사해요.

언급URL : https://stackoverflow.com/questions/45642944/watching-vuex-state-change-from-vuejs-component