nextTick
在做项目的时候,我们经常会用到nextTick,简单的理解就是它就是一个setTimeout函数,将函数放到异步后去处理;将它替换成setTimeout好像也能跑起来,但它仅仅这么简单吗?那为什么我们不直接用setTimeout呢?让我们深入剖析一下。
先看一个例子
<template>
<div>
<div ref="message">{{ message }}</div>
<button @click="handleClick">点击</button>
</div>
</template>
<script>
export default {
data () {
return {
message: 'begin'
};
},
methods () {
handleClick () {
this.message = 'end';
console.log(this.$refs.message.innerText); //打印“begin”
}
}
}
</script>
大约 7 分钟