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

时间:2016-10-31 16:22:14

标签: aurelia aurelia-binding aurelia-templating

在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包含很多绑定,它会有所作为吗?

1 个答案:

答案 0 :(得分:4)

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

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