Vue.js 3 设计与实现(2)js 计算和 DOM 计算的性能比较
console.time('js计算')
const app = []
for (let i = 0; i < 10000; i++) {
const div = { tag: 'div' }
app.push(div)
}
console.timeEnd('js计算')
console.time('DOM计算')
const apps = []
for (let i = 0; i < 10000; i++) {
apps.push(document.createElement('div'))
}
console.timeEnd('DOM计算')
可以看到 JS 计算耗时和 DOM 计算耗时不在一个量级,所以用 JS 的性能损耗 来换取 声明式的书写是值得的