Vue.$nextTick() 理解 + 案例 + 案例效果

Vue.$nextTick()

节选自官方文档：vue 在更新 DOM 的时候是异步更新的，不会立即渲染 DOM，一旦监听到数据发生变化，会开启一个队列，在下一个事件循环 ‘tick’ 中更新

看不懂？那就看案例

这里写了个点击按钮在数组中添加1-10的随机数，输出 dom 元素的长度。

<template>
  <div>
      <div ref="pRef">
          <p v-for="(item, index) in arr" :key="index">{
  { item }}</p>
      </div>
      <button @click