- 更改原數(shù)組的值
push(),pop(),shift(),unshift(),splice(),sort(),reverse()城瞎,會(huì)改變數(shù)組并更新視圖
<div id="app">
<p>{{list}}</p>
</div>
let vm = new Vue({
el:"#app",
data:{
list:[1,2,3]
}
});
vm.list.push(6);
- 不更改原數(shù)組的數(shù)值
slice
concat
filter
map
可以使用新數(shù)組替換原來(lái)的數(shù)組俏脊,以使視圖發(fā)生變化
let vm = new Vue({
el:"#app",
data:{
list:[1,2,3]
}
});
vm.list = vm.list.map((item) => item*2);
- 注意以下兩點(diǎn)
(1)通過(guò)索引直接設(shè)置項(xiàng)。
(2)修改數(shù)組長(zhǎng)度爷贫,vm.list.length=1
不會(huì)觸發(fā)視圖的更新补憾。