vue数组中哪些方法是响应式的

mac2025-02-24  25

    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(要修改的对象,索引值,修改后的值)

最新回复(0)