跳至主要內容
nextTick

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>

h7mlvuevuenextTick大约 7 分钟