vue渲染大量数据如何优化_大数据量场景下的Vue性能优化

性能优化最常见的落脚点是在网络和dom上，但是在大数据量的场景下，由于Vue本身的特性，可能会造成js运行层面的性能问题，这篇文章讨论的就是针对这一部分的性能优化方案。

模拟一个大数据量的场景

// App.vue

It's { { firstUser.name }}'s show time

total: { { total }}

let i = 0

while (i++ < 50000) {

user.push({

id: i,

age: 18,

name: `kunkun_${i}`,

alais: 'Irving',

gender: 'female',

education: 'senior high school',

height: 'xxx',

weight: 'xxx',

hobby: 'xxx',

tag: 'xxx',

skill: {

sing: 0,

dance: 0,

rap: 0,

basketball: 100,

},

})

}

export default {

data: {

userList: user,

},

compute