<ul id="demo">
<li v-
for
=
"item in list"
>{{item}}</div>
</ul>
new
Vue({
el:
'#demo'
,
data:{
list=[0,1,2,3,4,5,6,7,8,9,10]
},
methods:{
push:
function
(){
this
.list.push(11);
this
.nextTick(
function
(){
alert(
'數據已經更新'
)
});
this
.$nextTick(
function
(){
alert(
'v-for渲染已經完成'
)
})
}
}})
* `Vue.nextTick(callback)`，當數據發生變化，更新后執行回調。
* `Vue.$nextTick(callback)`，當dom發生變化，更新后執行的回調。
* `Vue.$nextTick(callback)`，當dom發生變化，更新后執行的回調。