vue基础-v-for就地更新
1、目标
当数组改变后是如何更新的
示例:
<template>
<div id="app">
<ul>
<li v-for="(num,index) in arr " :key="index">
{{ num }}
</li>
</ul>
<button @click="btn">下标位置插入新来的</button>
</div>
</template>
<script>
export default {
data(){
return{
arr:[5,3,9,2,1]
}
},
methods:{
btn(){
this.arr.splice(1,0,9)
}
}
}
</script>