Лучше ли использовать интерполяцию несколько раз для распечатки данных или использовать выражение js для объединения данных в vue. js? - PullRequest
0 голосов
/ 03 марта 2020

Это может быть глупый вопрос, но я печатаю очень большую таблицу с большим количеством данных, используя Vue. js, некоторые из которых выглядят лучше всего, когда я объединяю различные привязки данных в одном элементе <td></td> .

Поэтому мне любопытно, есть ли разница в производительности между ними при загрузке большого количества данных.

Вот пример:

Использование интерполяции:

<table>
    <thead>
        <tr>
            <th>Name</th>
        </tr>
    </thead>
    <tbody>
        <tr v-for="person in people">
            <th>{{ person.firstName }} {{ person.lastName }}</th>
        </tr>
    </tbody>
</table>

Использование js сцепления:

<table>
    <thead>
        <tr>
            <th>Name</th>
        </tr>
    </thead>
    <tbody>
        <tr v-for="person in people">
            <th>{{ person.firstName + ' ' + person.lastName }}</th>
        </tr>
    </tbody>
</table>

Массив people:

people: [
    {
        firstName: 'Jhon',
        lastName: 'Doe'
    },
    // A lot more data...
]
...