Как наблюдать изменения свойств в Polymer 3?

Question

Как реализовать непрерывную проверку (на основе времени) изменения свойства в компоненте с помощью прослушивателя событий в Polymer 3?

Это мои свойства компонента:

static get properties() {
  return {
    longitude: {
      type: Number
    },
    latitude: {
      type: Number
    },
    accuracy: {
      type: Number
    }
  };
}

Answer 1

Вы можете использовать комплексный наблюдатель , который вызывается всякий раз, когда изменяется любое из указанных свойств. Для этого объявите метод получения observers, который возвращает строковый массив, где каждая строка - это имя метода наблюдателя, за которым следует список зависимостей (то есть свойств, которые должны соблюдаться) в скобках:

static get observers() {
  return ['_onPropsChanged(longitude, latitude, accuracy)'];
}

_onPropsChanged(longitude, latitude, accuracy) {
  console.log({ longitude, latitude, accuracy });
}

демо