vue父组件给子组件传值时，是整合成一个对象传给子组件效率高，还是一个个属性单独传效率高？

父传子通过 prop 进行，每个 prop 都是一个完整的变元 …… 简单地说就是每次要变就是整个换掉，而不是修改属性

参考：Vue 性能优化 2.4

2.4 利用Object.freeze()提升性能

Object.freeze()?可以冻结一个对象，冻结之后不能向这个对象添加新的属性，不能修改其已有属性的值，不能删除已有属性，以及不能修改该对象已有属性的可枚举性、可配置性、可写性。该方法返回被冻结的对象。

当你把一个普通的 JavaScript 对象传给 Vue 实例的 ?data? 选项，Vue 将遍历此对象所有的属性，并使用 ?Object.defineProperty? 把这些属性全部转为 getter/setter，这些 getter/setter 对用户来说是不可见的，但是在内部它们让 Vue 追踪依赖，在属性被访问和修改时通知变化。

但 Vue 在遇到像?Object.freeze()?这样被设置为不可配置之后的对象属性时，不

会为对象加上 setter getter 等数据劫持的方法。参考 Vue 源码

作者：grain先森
链接：https://www.jianshu.com/p/4e1...
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

视不同场景，按照不同业务拆分吧。
例如知道图表组件，分成options,data,title...
使用的时候也方便，也不会因为属性太深检测不到改变。

感觉还是得看你的场景，如果是现成的对象，那整个传输过去我感觉会比你一个个点出来然后传到子页面从新整合成对象快
分散的字段或者只需要其中某个字段那种就没必要整个对象传输过去。