2

repeat.for でこれら 2 つのオプションの間にパフォーマンスまたは効率の違いはありますか?

オプション 1: インライン要素

<div repeat.for="row of data">
  <span>${row.title}</span>
  <span>${row.someData}</span>
</div>

オプション 2: カスタム ビュー要素

<view-element repeat.for="row of data" row.bind="row"></view-element>

ビュー要素は次のとおりです。

view-element.js

import { bindable } from 'aurelia-framework';

export class ViewElement {
  @bindable row;
} 

ビュー要素.html

<template>
  <div repeat.for="row of data">
    <span>${row.title}</span>
    <span>${row.someData}</span>
  </div>
</template>

ビュー要素に多くのバインディングが含まれている場合、違いはありますか?

4

1 に答える 1