vue里面本身帶有兩個回調函數:
一個是Vue.nextTick(callback),當數據發生變化,更新后執行回調。
另一個是Vue.$nextTick(callback),當dom發生變化,更新后執行的回調。栗子:...
<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渲染已經完成')
})
}
}
})
