aurelia - 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>

其中视图元素是：

视图元素.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>

如果视图元素包含很多绑定，会有所不同吗？

Answer 1

拥有一个自定义元素肯定会比没有一个更“重”，因为它在幕后带来了许多其他运行时机制，而这些机制在普通绑定中并不存在。

这并不意味着它很慢或很重。这只是意味着，相对于没有，它会更重一些。