javascript - 通过在Vue.js的动态组件中指定可能不使用的值，我会失去性能吗？

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

如果我为custas中的所有组件设置了andamentosOrdenado属性(如下所示)，那么与仅为一个子集设置属性相比，我会失去性能吗？

这是我的代码:

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

最佳答案

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



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



解决此问题的另一种方法是使用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
}

祝好运。