Vue.js 嵌套属性在Vue中不是被动的

我有一个具有嵌套属性的组件：

 data () {
   return {
     config: {
       headers: ['a', 'b', 'c'],
       pagination: {
         currentPage: externalService.data.page
         totalPages: externalService.data.totalPages
       }
     }
   }
 }

当

externalService.data.totalPages

被其他组件更改时，子组件不会对此作出反应，因为

config

中的嵌套引用可能已更改，但

config

本身未更改

---

我可以使用观察者来解决它，但我想知道什么是它的声明性（和最佳）解决方案。说到客户端，我不喜欢命令式方法

我假设

externalService.data.totalPages

是一个整数。整数是通过值传递的，而不是通过引用传递的。因此，这是完全正常的行为，您确实应该使用观察者。

谢谢。我决定简单地用一个物体包裹原始道具，所以不用看，反应性自然就行了。是的，这实际上是最好的解决方案。陈，你能详细解释一下用物体包裹原始道具的意思吗？