uni-app动态添加根级别的响应式属性

Posted 2023-04-05

参考技术A 对于已经创建的实例，Vue 不允许动态添加根级别的响应式属性。但是，可以使用 Vue.set(object, propertyName, value) 方法向嵌套对象添加响应式属性。例如，对于：

您还可以使用 vm.$set 实例方法，这也是全局 Vue.set 方法的别名：

有时你可能需要为已有对象赋值多个新属性，比如使用 Object.assign() 或 _.extend() 。但是，这样添加到对象上的新属性不会触发更新。在这种情况下，你应该用原对象与要混合进去的对象的属性一起创建一个新的对象。

以上是官网的描述，我只是摘抄过来，下面是我的小事例：
我要封装一个请求头，在多个页面进行网络请求时直接获取而不需要关心header里面都有什么东西。

⚠️需要引入vue

vue 中 this.$set的使用

深入响应式原理： https://cn.vuejs.org/v2/guide/reactivity.html

必须在 data 对象上存在才能让 Vue 将它转换为响应式的.
对于已经创建的实例，Vue 不允许动态添加根级别的响应式 property。但是，可以使用 Vue.set(object, propertyName, value) 方法向嵌套对象添加响应式 property。