Vue3版本中Mixin的变更问题

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

img


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
  }
}

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