vue数组刷新_Vue数组更新方法

Vue的核心是数据与视图的双向绑定，当我们修改数组时，Vue会检测到数据变化，所以用v-for渲染的视图也会立即更新。Vue包含了一组观察数组变异的方法，使用他们改变数组也会触发视图更新。

push()

pop()

shift()

unshift()

splice()

sort()

reverse()

比如以下例子：

• { { book.name }}

JavaScript代码：

var app = new Vue({

el: '#app',

data:{

books:[

{ name: '《Vue.js实战》' },

{ name: '《JavaScript语言精粹》' },

{ name: '《JavaScript高级程序设计》' }

]

}

});

然后，我再给数据books添加一项：

app.books.push({

name: '《css解密》'

});

使用上面的方法会改变原始数组，当然也有些方法不会改变原数组，例如：

filter()

concat()

slice()

他们返回的是一个新数组，在使用这些非变异方法时，可以用新数组来替换原数组，以下例子ÿ