vue3有没有等值赋值了在执行dom

Vue 3中，组件的响应式系统会自动跟踪依赖，并在数据变化时更新 DOM。如果你在数据变化之后执行了一些 JavaScript 代码，Vue 会确保 DOM 在这段代码执行完毕后得到更新。在 Vue 3 中，等值赋值（例如将一个对象替换为另一个完全相同的对象）通常不会触发视图更新，因为 Vue 的响应式系统依赖于引用的变化来检测数据变化。

然而，如果你需要在等值赋值后强制更新 DOM，可以通过调用 Vue 实例的 `nextTick` 方法。这个方法允许你在下一个 DOM 更新循环结束之后执行延迟回调，这在你希望在数据变化后做些什么，且依赖于更新后的 DOM 时非常有用。

例如：

const app = Vue.createApp({
  data() {
    return {
      obj: { message: 'Hello Vue 3' }
    };
  },
  methods: {
    update() {
      // 这里进行等值赋值，不会触发 DOM 更新
      this.obj = { message: 'Hello Vue 3' };
      
      // 使用 nextTick 在 DOM 更新后执行代码
      this.$nextTick(() => {
        // 这里的代码会在 DOM 更新后执行
      });
    }
  }
});