데이터 변수에서 Vue-stash 반응성이 작동하지 않음

데이터 변수에서 Vue-stash 반응성이 작동하지 않음

나는 Vue-stash를 Vuex의 대안으로 사용하고 있다.Vue-stash 자체는 반응적이다.그러나 데이터 변수 내에서 이 변수를 사용하면 해당 변수가 변경되지 않음

<template>
 <div>
  {{id}} // not reactive
 </div>
</template>
<script>
export default {
  data() {
    return {
      id: this.$store.id
    }
  }
}
</script>

Vue 인스턴스의 데이터 속성은 인스턴스화 시 한 번만 설정된다.

만약 당신이 그것을 원한다면id항상 의 가치를 반영하다this.$store.id, 계산된 속성을 사용해야 함:

export default {
  computed: {
    id() {
      return this.$store.id;
    }
  }
}

참조URL: https://stackoverflow.com/questions/47016051/vue-stash-reactivity-not-working-in-data-variables