VueJS3 ref/对象键的反应数组

Question

我想在普通Vue组件之外观察对象的键。

我认为reactive应该可以实现这样的事情，但还没有运气：

var myObject = {};
var keys = reactive(Object.keys(myObject));
myObject['fish'] = 200;
//keys is still []

也尝试过：

var keys = reactive({keylist: Object.keys(myObject)});
var keys = ref(Object.keys(myObject));

Answer 1

最后得到了它，它是reactive和watchEffect的组合。如果这在某种程度上是反模式的，我仍然愿意得到更清晰的答案。

var myObject = reactive({});
var keys;
watchEffect(() => {
keys = Object.keys(myObject);
});