在vue.js中，过滤器和方法有什么区别？

Question

我想把时间戳换成北京时间。我应该使用过滤器或方法来实现这个特性吗？有什么不同，比如性能上的差异？

Answer 1

显示的北京时间只有在底层时间戳更改时才能更改。方法 be used法。相反，使用计算属性或筛选器：

使用计算属性

new Vue() {
  data: {
    time: /* Your timestamp */
  },
  computed: {
    displayedTime() {
      /* Convert `this.time` to Beijing time */
    }
  }
}

然后，在模板中可以这样做：

{{ displayedTime }}

虽然此解决方案有效，但只能使用一个时间戳(在本例中为time)。让我们来看看如何使用过滤器来完成这个任务：

使用过滤器

new Vue() {
  data: {
    time: /* Your timestamp */
  },
  filters: {
    displayedTime(timestamp) {
      /* Convert the `timestamp` argument to Beijing time */
    }
  }
}

然后，在模板中可以这样做：

{{ time | displayedTime }}

此解决方案的优点是，如果应用程序中有另一个时间戳，则可以使用相同的筛选器：

{{ otherTime | displayedTime }}

如果希望使此筛选器在全局(此https://v2.vuejs.org/v2/api/#Vue-filter实例之外)工作，请确保使用该Vue方法。