Vue-$nextTick（在watch中获得要进行渲染的数据）

实现获得循环创建的ref

  <ul class="list-wrapper">
        <li class="list-group" v-for="(value , index) in list" :key="index" ref="group">
         
        </li>
      </ul>

watch

 watch:{
      list(){
       //console.log(this.$refs.group);//获取不到
        this.$nextTick(function (){
          console.log(this.$refs.group);
        })
      }
    },

注意点

watch只能监听数据的变化，数据变化的时候不一定已经渲染完了
所以为了保证是渲染完成之后再去获取，我们可以借助Vue的$nextTick方法来实现
也就是说$nextTick回调中一定能拿到渲染完成的数据。因为$nextTick的回调函数
只有渲染完成后才会执行