Aurelia:性能/效率差异:repeat.for中声明的视图元素与内联DOM

Aurelia:性能/效率差异:repeat.for中声明的视图元素与内联DOM,aurelia,aurelia-templating,Aurelia,Aurelia Templating,在重复中,这两个选项之间是否存在性能或效率差异。对于: 选项1:内联元素 <div repeat.for="row of data"> <span>${row.title}</span> <span>${row.someData}</span> </div> <view-element repeat.for="row of data" row.bind="row"></view-element&g

在重复中,这两个选项之间是否存在性能或效率差异。对于:

选项1:内联元素

<div repeat.for="row of data">
  <span>${row.title}</span>
  <span>${row.someData}</span>
</div>
<view-element repeat.for="row of data" row.bind="row"></view-element>
view-element.html


${row.title}
${row.someData}

如果视图元素包含很多绑定,会有什么不同吗?

拥有一个自定义元素肯定比没有自定义元素更为“沉重”,因为它在后台引入了许多其他运行时机制,而这些机制在普通绑定中是不存在的

这并不意味着它慢或重。这只是意味着,相对于没有一个,它会更重一点

import { bindable } from 'aurelia-framework';

export class ViewElement {
  @bindable row;
} 
<template>
  <div repeat.for="row of data">
    <span>${row.title}</span>
    <span>${row.someData}</span>
  </div>
</template>