vue3 props 深度

Vue 3中的props是用于父组件向子组件传递数据的一种机制。在Vue 3中，可以通过使用`props`选项或使用`setup()`函数来定义props。

当定义props时，可以设置`deep`选项来进行深度监听。例如：

props: {
  myProp: {
    type: Object,
    default: () => ({})
  },
  myDeepProp: {
    type: Object,
    default: () => ({}),
    deep: true
  }
}

上述代码中，`myDeepProp`使用了`deep`选项来进行深度监听。这意味着当`myDeepProp`的属性发生变化时，组件会对其进行响应式更新。而对于`myProp`，如果其属性发生变化，组件不会进行响应式更新。

需要注意的是，在Vue 3中，不再支持直接在子组件中修改props的值。如果需要在子组件中修改传递的props的值，可以将其定义为一个可修改的响应式对象。

希望以上信息对你有所帮助！如有更多疑问，请随时提问。