vue基础-ref （！）

！1、ref 引用

在父组件中直接去调 子组件中的方法，使用ref 很简单，比父子传值 简单很多

1、使用ref引用DOM元素

第一步：给标签里 写 ref=“xxx”

第二步：就可以用this.$refs.xxx 来拿到这个元素 使用

! 2、使用ref引用组件实例 ，使用引用ref，用this.$refs获取

拿到组件以后，可以操作该组件中的方法、数据

 

3、在ref引用组件，使用this.$nextTick（）

 使用：

下面这样写，会报错，是因为代码走到 第一行，数据变化了，，但是这个input框还没有展示出来，所以第二行拿不到input里面的ref引用

解决：要先有 input框展示出来，再有 拿input框里的引用，使用this.$nextTick（）

这个方法里面是回调，这个方法意思是 把 this.$nextTick（）里回调函数的代码 延迟执行 ，延迟到 DOM渲染完毕后 执行