性能优化最常见的落脚点是在网络和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