Vue数组中响应式的方法:
push() 在数组最后元素中追加元素pop() 删除数组最后一个元素shift() 删除数组中第一个元素unshift() 在数组前面元素中追加元素splice() 删除、插入、替换元素sort() 排序reverse() 反转
<div id="app">
<ul>
<li v-for="item in arr">{{ item }}</li>
</ul>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
var app = new Vue({
el: '#app',
data: {
arr: [0, 1, 2, 3, 4, 5]
}
});
</script>
注意: 通过索引值修改数组中的元素 (虽然data被更改,但是View层不会发生变化)
Vue的内部没有监听通过索引值来改变数组
可通过数组中的方法进行改变,或则使用Vue的api: set()
Vue.set(要修改的对象,索引值,修改后的值)