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

Question

如何使用 Polymer 3 中的事件监听器实现组件中属性更改的连续检查(基于时间)？

这些是我的component's属性:

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

Answer 1

您可以使用 complex observer每当任何指定的属性发生更改时都会调用该函数。为此，请声明一个观察者 getter，它返回一个字符串数组，其中每个字符串是观察者方法名称，后跟括号中的依赖项列表(即要观察的属性):

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

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

demo