全局可观察对象“未在实例上定义，但在渲染期间引用”

问：

我有以下代码：main.js

Vue.prototype.$globalData = Vue.observable({
  count: 0
});

我尝试通过以下方式在不同的组件中访问此类可观察对象

<template>
  <div>
    {{ $globalData.counter }}
  </div>
</template>

但我收到以下错误：

[Vue warn]：属性或方法“$globalData”未在实例上定义，但在渲染过程中被引用。通过初始化此属性，确保此属性在 data 选项中是反应式的，或者对于基于类的组件而言。见：https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties。

建议的链接中没有提到可观察对象，所以我对解决方案应该是什么感到有些迷茫。据我所知，其他人可以运行与我非常相似的代码（见这里）。

编辑：我知道该消息在技术上是一个警告（），但它相当重要，因为它阻止了我的组件加载。[Vue warn]