Aurelia: производительность разницы/эффективность: Объявленный вид-элементы против инлайн DOM в repeat.for

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> 

белый ERE вид-элемент:

вид-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> 

Если вид-элемент содержал много привязок, будет это имеет значение?

Answer 1

Наличие пользовательского элемента определенно будет более «тяжелым», чем отсутствие одного, поскольку оно привносит в себя несколько других механизмов выполнения за кулисами, которые не существуют с обычным привязкой.

Это не значит, что это медленно или тяжело. Это просто означает, что по сравнению с тем, что у него нет, это будет немного тяжелее.