vue子组件不能通过refs获取不到DOM

vue提供一个对象$refs可以获取DOM，一般在加载组件时候就需要获取DOM，此时可以在created/mounted钩子函数中this.$refs.xxx。注意，切记，this.$refs.xxx一定要放到this.$nextTick的方法内执行，或者在setTimeout中执行，延迟时间一般20ms就可以啦

那么问题来了，为什么在组件的子组件内的created/mounted中添加this.$nextTick内执行this.$refs.xxx却始终获取不到DOM呢？

其实原因很简单，因为子组件内的虚拟dom是通过父组件通信过来的数据产生的，大概意思就是父组件给子组件一个data列表数据，子组件通过v-for将data数据遍历出来，然后你在created/mounted中通过this.$refs.xxx来获取这个列表dom，很难获取到，因为这个created/mounted执行的时候，子组件内还没有数据，所以this.$refs.xxx无法获取dom，应该应该用watch来监听data，当data接受到父组件传来的数据，再在this.$nextTick内获取this.$refs.xxx

watch:{
  data(){
    this.$nextTick(_=>{
      this.$refs.xxx
    })
  }
}