console
const list = []
for(let i = 0; i < 50000; i++) {
list.push(i);
}
const beginTime = +new Date();
new Vue({
el: '#component-demo',
data: {
list: list,
name: 'Hello'
},
methods:{
click(index){
const list = new Array(50000);
list[index] = 'test'
this.list = list
}
},
mounted(){
const endTime = +new Date();
console.log((endTime - beginTime) / 1000,1);
}
})
<script src="https://unpkg.com/vue"></script>
<div id="component-demo" class="demo">
<div v-for="(d, i) in list" @click="click(i)">
<span>
<span>
<span>
<span>
Hello {{name}} {{i}} {{d}}!
</span>
</span>
</span>
</span>
</div>
</div>