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

这可能是一个愚蠢的问题，但我正在使用Vue.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>

---

最终结果没有差别。我认为插值更容易书写和阅读，但这只是一个观点问题。@AdamHinckley我有同样的观点，我更喜欢使用插值，我只是对打印大量数据时的性能感到好奇。事实上，我相信与连接这两个值相比，它的性能可能会略有下降。除非你在很多微优化中都包含了这一点，否则我不认为这是人类会注意到的性能差异@AdamHinckley明白了！谢谢你的帮助，我会让我的代码保持原样。设计一个测试不是很容易吗？

<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...
]