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

Question

在repeat.for中，这两个选项之间是否存在性能或效率差异：

选项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是：

视图-element.js

import { bindable } from 'aurelia-framework';

export class ViewElement {
  @bindable row;
} 

视图-element.html

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

如果view-element包含很多绑定，它会有所作为吗？

Answer 1

拥有一个自定义元素肯定会更多＆＃34;重量级＆＃34;而不是没有一个，因为它在幕后引入了许多其他运行时机制，只有正常的绑定。

这并不代表它的缓慢或沉重。它只是意味着，相对于没有它，它会变得更加沉重。