Vue3版本中Mixin的变更问题

Question

以下是Vue3版本变迁中关于Mixin变更的内容。
问题：我看了一下Vue3的官方文档Mixin部分内容和原来的基本一样，但是在版本变迁文档中他却说会浅层次执行。但是我测试了一下Vue3混入的合并结果和2版本是一致的。官网关于Mixin的变更内容很费解，希望同僚给予解释。

Mixin 合并行为变更
此外，当来自组件的 data() 及其 mixin 或 extends 基类被合并时，合并操作现在将被浅层次地执行：

const Mixin = {
  data() {
    return {
      user: {
        name: 'Jack',
        id: 1
      }
    }
  }
}

const CompA = {
  mixins: [Mixin],
  data() {
    return {
      user: {
        id: 2
      }
    }
  }
}
在 Vue 2.x 中，生成的 $data 是：

{
  "user": {
    "id": 2,
    "name": "Jack"
  }
}
在 3.0 中，其结果将会是：

{
  "user": {
    "id": 2
  }
}

Answer 1

mixin各方都不推荐使用，存在很多的弊端。
vue3的话，建议使用组合式api，和hooks