javascript - 指定一个我可能不会在 Vue.js 的动态组件中使用的值会降低性能吗？

Question

在我的应用程序中，我有 10 个组件，所有组件都需要一个名为 andamento 的属性；但只有一部分需要名为 custas 的属性。

如果我为andamentosOrdenado 中的所有 组件设置custas 属性(如下)，与仅为一个组件设置属性相比，我是否会损失性能？子集？

这是我的代码:

<v-timeline-item class="mb-3" small v-for="andamento in andamentosOrdenado" :key="andamento.nome">
  <component v-bind:is="andamento.form" :andamento="andamento" :custas="notificacao.custas"></component>
</v-timeline-item>

Answer 1

如果 custas 的值为静态/常量:

No, because you can't "lose" performance for not using a constant value/variable, this is because the property has already been defined and it's value has already been evaluated (a process that doesn't need to happen again).

如果 custas 的值不是静态/常量:

Then yes, because you're making the machine waste resources on evaluating a non-static value that you're most likely not going to use. Not to mention that this value might change, meaning it's value would be re-evaluated (for no reason).

此问题的另一种解决方案是使用 if 语句有条件地定义 custas 属性，例如:

// pseudo code:
if (i_need_custas) {
  my_object.custas = fn_that_returns_value_that_might_change();
}

然后，需要使用custas的地方:

// pseudo code:
if (my_object.hasOwnProperty("custas")) {
  // do stuff with custas
}

祝你好运。