javascript - 如何观察 Polymer 3 的性能变化？

Question

如何使用 Polymer 3 中的事件侦听器对组件中的属性更改进行连续检查（基于时间）？

这些是我的组件的属性：

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

Answer 1

您可以使用一个复杂的观察者，只要任何指定的属性发生变化，它就会被调用。为此，声明一个observers返回字符串数组的 getter，其中每个字符串是观察者方法名称，后跟括号中的依赖项列表（即要观察的属性）：

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

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

演示