반응형
계산된 속성 보기
다음 해시를 포함하는 구성 요소가 있음
{
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
반응형
'IT이야기' 카테고리의 다른 글
슬롯을 Vue 2에서 Vue 3으로 마이그레이션 (0) | 2022.03.07 |
---|---|
Vuetify 탭을 Vue-Router와 함께 사용하는 방법 (0) | 2022.03.07 |
Vue.js - url에서 해시방 #!을 제거하는 방법? (0) | 2022.03.07 |
가져올 때 Python이 내 모듈을 실행하는 이유와 중지 방법은? (0) | 2022.03.07 |
Vue.js - url에서 해시방 #!을 제거하는 방법? (0) | 2022.03.07 |