nextTick，ref

nextTick

如果我们想要在Vue中使用DOM对象，可以使用该方法

this.$nextTick(() => {
    
    
  // 这个函数会等待DOM执行完成后执行
})

this.$nextTick().then(() => {
    
    
  // 这个函数会等待DOM执行完成后执行
})

ref

如果我们想要获取到DOM对象或者组件对象，可以给对应的标签添加ref属性并且起一个自定义名字

<child ref="child"></child>

<!-- this.$refs.child 这个获取到的是一个组件对象 -->

<div ref="div"></div>

<!-- this.$refs.div 这个获取到的是一个DOM对象 -->

ref最好结合nextTick使用