Просмотр вычисленных свойств

У меня есть компонент со следующим хешем

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

Должен ли я просматривать isUserID или userId для изменений? Можете ли вы просмотреть вычисленные свойства?

Ответы

Ответ 1

Да, вы можете настроить наблюдателя для вычисляемого свойства, см. скрипку.

Ниже приведен код для установки наблюдения для вычисляемого свойства:

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

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

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

    watch: {
        doubleAge(newValue) {
            alert('yes, computed property changed: ${newValue}');
        }
    }
});

Ответ 2

computed: {
  name: {
    get: function(){
      return this.name;
    }
  }
},
watch: {
  name: function(){
    console.log('changed');
  }
}

Таким образом, мы можем наблюдать за вычисленным свойством, если оно изменено, мы получаем уведомление на консоли.