vue.js - Vue 最佳实践， Prop 对象或原始类型？

Question

Vue 支持原始类型和对象作为 props 将它们从父级传递给子级。

我听说最好总是传递原始类型而不是传递对象。可能是因为原始类型在更改时很容易检测到。

这是真的吗？这是最佳实践还是愚蠢的做法？

Answer 1

没有真正的“最佳实践”，它实际上取决于您要实现的目标。
您实际上可以同时使用两者，但请记住，在传递非基元时，您传递的是 POINTER，而不是实际对象。因此，当修改子内部的所述对象时，您也将修改原始对象。

如果您要传递要修改的对象，但作为“副本”，您始终可以使用扩展运算符传递它们以创建副本。

{ ...myObject }
[ ...myArray ]

<child-object :someprop="{...object}"></child-object>

这样可以确保如果您要在子级修改对象，子级拥有该对象的副本，并且您不会在父级上遇到意外行为。