浏览器 |方法 "watch" 在组件定义中具有类型 "object"

Question

目前我在 Product.vue 文件中有以下手表

watch: {
    isOnline: {
      async handler (isOnline) {
        if (isOnline) {
          const maxQuantity = await this.getQuantity();
          this.maxQuantity = maxQuantity;
        }
      }
    },
    isMicrocartOpen: {
      async handler (isOpen) {
        if (isOpen) {
          const maxQuantity = await this.getQuantity();
          this.maxQuantity = maxQuantity;
        }
      },
      immediate: true
    },
    isSample (curr, old) {
      if (curr !== old) {
        if (!curr) {
          console.log('send the updateCall', curr);
          // this.updateProductQty(this.product.qty);
          pullCartSync(this);
        }
      }
    }
  }

但我在控制台中收到以下错误（Vue 警告）

[Vue warn]: Method "watch" has type "object" in the component definition. Did you reference the function correctly?

我不确定为什么会收到此错误，因为我使用的语法似乎是正确的，而且它甚至可以正常运行。

对于为什么在错误控制台中发出此警告有什么建议吗？

更新：

我在vue页面中使用手表的位置。

Answer 1

您的组件定义中有类似 methods: { watch: {} } 的内容。这就是 vue 抱怨的原因。这也可能由 mixin 添加。

浏览器 |方法 "watch" 在组件定义中具有类型 "object"

VueJS | Method "watch" has type "object" in the component definition

vue.js

vuejs2

vue-storefront