업데이트된 vuex 상태에 대한 vue 수명 주기 방법

업데이트된 vuex 상태에 대한 vue 수명 주기 방법

Vue와 Vuex를 사용하고 있습니다.내 컴포넌트에는 다음 코드가 있습니다.

computed: {
  ...mapState({
    address: state => state.wallet.address
  })
},

UI 에서는 잘 동작하지만, 주소가 바뀌자마자 메서드를 호출하기 위해서 하고 싶은 것이 값이 바뀌었습니다.어떻게 작동시킬지 알아?

감시자가 도와줄지도 몰라요워처를 생성하여 주소 계산 속성의 변경을 검출할 수 있습니다.값이 변경되면 워처가 실행됩니다.첨부된 예를 참조하십시오.

var vm = new Vue({
  el: '#demo',
  computed: {
    ...mapState({
      address: state => state.wallet.address
    })
  },
  watch: {
    address: function (newAddress, oldAddress) {
      // this watcher will be called once address changed
      // you can have access to previous and new values.
    },
  }
})

Mounted는 라이프 사이클에서 가장 자주 사용되는 후크입니다.mounted()는 DOM이 마운트된 후에 호출되므로 반응하는 컴포넌트, 템플릿 및 DOM 요소에 액세스하여 조작할 수 있습니다.서버 사이드 렌더링에서는 mounted()가 존재하지 않기 때문에 mounted() 위에 created()가 사용됩니다.

---> mounted() <--->

언급URL : https://stackoverflow.com/questions/68772277/vue-life-cycle-method-for-updated-vuex-state