打字稿 - 为什么全局导出的变量在某些情况下设置在其他情况下的某些情况下是否不确定？

Question

我正在尝试在vue.js应用程序中拥有共享的全局变量存储。由于只有某些属性与实际应用的状态有关，因此只有这些属性包裹在VUE反应性参考对象中。但是，那些不被裁判包裹的人在不同上下文/范围内没有一致的值。这是代表我要做的示例代码：

store.ts：

export interface Store {
  container: Container | undefined;
  reactiveProperty: Ref<Property | undefined>;
  getContainer: () => Container | undefined;
  getProperty: () => Property | undefined;
}

function useStore(): Store {
  let container: Container | undefined = undefined;
  const reactiveProperty: Ref<Property | undefined> = ref();
  

  function getContainer() {
    return container;
  }

  function getProperty() {
    return property.value;
  }

  return {
    container,
    reactiveProperty,
    getContainer,
    getProperty
  };
}

const store = useStore();
export {store};

app.ts：

import {store} from '@/store';

let {container, reactiveProperty, getContainer, getProperty} = store;

onMounted(() => {
  container = new Container();
  reactiveProperty.value = new Property('foo');
  const savedContainer = getContainer(); //savedContainer is undefined
  const savedProperty = getProperty(); //savedProperty has the correct value
});

我还尝试将所有成员访问包装到getters和setter中，并使用store.container < /代码>。后者在应用程序的不同部分中使用时起作用，但是调用getContainer（）仍然会返回未定义。

是什么原因导致了这一点，我该如何解决？