检测代理更改 vuejs3

Question

我不知道如何检测代理 object 更改而不显示它。

我使用异步 API 调用来设置代理 object（来自父组件）。

在我的子组件中，我这样使用它

computed: {
  user() { return dataProxy.getCurrentUser() // return a proxy object }
}
updated: {
  console.debug(this.user)
  if(this.user.id !== undefined) {
    loadUserDetails(this.user)
  }
}

当组件被挂载时， updated方法被调用并且控制台显示一个空代理 object (ok) 但是当代理 object 从 api 响应更新时， updated方法永远不会被调用。

现在，如果我在我的模板上添加{{user}} ， updated后的方法将在包含正确内容的 API 响应后调用。

如何检测一个代理object变化而不显示呢？

Answer 1

您应该使用watch function：

    watch: {
        user(newUser) {
            console.log('user changed:', newUser);
        }
    }