this.$set的用处

this.$set的用处是在Vue.js框架中，用于给响应式对象添加新属性。Vue.js中的响应式系统会自动追踪对象的属性变化并更新视图，但是它无法检测到动态添加的属性。这时就可以使用this.$set方法来添加新属性，并确保该属性也是响应式的，以便在值发生变化时重新渲染相关的组件。

通过使用this.$set，可以避免以下问题：
- 在响应式对象上直接添加新属性，该属性不会触发视图更新；
- 对象已经被冻结，无法直接添加新属性。

使用this.$set的语法是`this.$set(object, key, value)`，其中`object`是要添加属性的目标对象，`key`是要添加的属性名称，`value`是该属性的初始值。这样添加的新属性将成为响应式的，当其值发生变化时，相关组件会重新渲染。

相关问题

this.$message

this.$message是一个Vue.js框架中的组件方法，用于显示提示信息。根据引用中的代码，this.$message方法接受一个参数，参数是一个对象，包含了一系列配置选项，比如显示的消息内容、消息类型、显示时间等。通过使用这个方法，可以在页面上显示一个提示框，给用户一些反馈信息。在引用的代码中，this.$message可能是用来显示请求接口返回的错误信息。然而，在没有完整的代码和上下文的情况下，无法确定this.$message的具体用途和实现方式。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [this.$message的信息提示使用](https://blog.csdn.net/qq_45684867/article/details/120817071)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [Vue 报错TypeError: this.$set is not a function 的解决方法](https://download.csdn.net/download/weixin_38684806/13668007)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

vue3 中使用$nextTick,$set

在Vue 3中，`$nextTick` 和 `$set` 是两个重要的响应式API，它们分别用于处理数据更新后的异步渲染和属性设置。

1. `$nextTick`：
- **用途**：`$nextTick` 是在当前任务队列执行完毕后，同步执行回调函数。这对于处理依赖视图更新的操作非常有用，比如在组件内部改变状态后，你需要确保在下一次DOM渲染完成后再进行某些操作，避免出现先修改状态再触发渲染可能导致的闪烁现象。
- **用法示例**：

   this.value = newValue;
   this.$nextTick(() => {
     // DOM 更新已经完成，可以在此执行依赖于DOM的操作
     console.log(this.$el.textContent);
   });

2. `$set`：
- **用途**：`$set` 是 Vue 的深度响应式赋值方法，它主要用于在运行时添加或修改已观测到的对象的属性，这有助于在不触发重新计算（re-render）的情况下，实现对复杂对象深层次属性的更新，避免`Object.defineProperty`导致的性能问题。
- **用法示例**：

   this.obj = {}; // 如果直接 obj.newProperty = 'value'，不会触发更新
   this.$set(this.obj, 'newProperty', 'value');

- **注意事项**：当你需要修改一个已观测对象的不可变属性（如数组的索引或基本类型），你应该使用`$set`而不是直接赋值，因为Vue 会跟踪原始值的更改。