這個(gè)問(wèn)題很有意思 因?yàn)槠綍r(shí)我們一般問(wèn)題異步和同步指的是 數(shù)據(jù)請(qǐng)求 同步和異步問(wèn)題
這里加上了組件 還有修改data 這里給大家寫個(gè)例子
<body>
<div id="app">
<div id="main">{{num}}</div>
<button @click="add">更新</button>
</div>
</body>
<script>
new Vue({
el:"#app",
data:{
num:10
},
methods:{
add(){
this.num++;
console.log(this.num)//11
console.log(document.getElementById("main").innerHTML);//10
}
}
})
</script>
以此可以說(shuō)明
數(shù)據(jù)更新是同步的 但是視圖更新是異步的
解決這個(gè)問(wèn)題需要使用 $nextTick 解決視圖異步更新的問(wèn)題