在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包含很多绑定,它会有所作为吗?
答案 0 :(得分:4)
拥有一个自定义元素肯定会更多&#34;重量级&#34;而不是没有一个,因为它在幕后引入了许多其他运行时机制,只有正常的绑定。
这并不代表它的缓慢或沉重。它只是意味着,相对于没有它,它会变得更加沉重。