javascript - vue.js中的数据是使用插值多次打印数据还是使用js表达式连接数据更好？

Question

这可能是一个愚蠢的问题，但我正在使用 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: [
    {
        firstName: 'Jhon',
        lastName: 'Doe'
    },
    // A lot more data...
]

标签： javascriptvue.jsdata-binding