IT이야기

계산된 속성 보기

cyworld 2022. 3. 7. 21:32
반응형

계산된 속성 보기

다음 해시를 포함하는 구성 요소가 있음

{ 
  computed: { 
    isUserID: { 
      get: function(){
         return this.userId? 
      } 
  }
}

내가 보고 있어야 할까?isUserID또는userId변화를 위해서?계산된 속성을 볼 수 있는가?

예, 계산된 속성에 watcher를 설정할 수 있으며, fiddle을 참조하십시오.

다음은 계산된 속성에 대한 감시 설정 코드:

const demo = new Vue({
    el: '#demo',

    data() {
        return {
            age: ''
        };
    },

    computed: {
        doubleAge() {
            return 2 * this.age;
        }
    },

    watch: {
        doubleAge(newValue) {
            alert(`yes, computed property changed: ${newValue}`);
        }
    }
});
computed: {
  name: {
    get: function(){
      return this.name;
    }
  }
},
watch: {
  name: function(){
    console.log('changed');
  }
}

이렇게 하면 계산된 속성이 변경될 경우 콘솔에서 알림을 받을 수 있다.

참조URL: https://stackoverflow.com/questions/41067378/watching-computed-properties

반응형