ref 有三种用法：
1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素
2、ref 加在子组件上，用this.ref.name 获取到的是组件实例，可以使用组件的所有方法。
3、如何利用 v-for 和 ref 获取一组数组或者dom 节点
注意：
1、ref 需要在dom渲染完成后才会有，在使用的时候确保dom已经渲染完成。比如在生命周期 mounted(){} 钩子中调用，或者在 this.$nextTick(()=>{}) 中调用。
2、如果ref 是循环出来的，有多个重名，那么ref的值会是一个数组 ，此时要拿到单个的ref 只需要循环就可以了。
1. ref ref和[reactive][]一样,也是用来实现[响应式数据][reactive]的方法 2.本质 ref底层其实还是reactive,所以当运行时系统
前者代表字符串xxx，后者代表变量xxx。 不加冒号表示后面是个字符串，否则表示后面是个js表达式。 ![在这里插入图片描述][watermark_type_ZmFuZ3
ref 有三种用法： 1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素 2、ref 加在子组件上，用this.ref.name 获取
在项目里经常用到ref操作DOM元素或者调用子组件的方法（啥也不知道，啥都敢用），但是并不明确ref的原理，通过看官网API和各位大佬的总结终于get啦啦！！做个记录。 >
Refs介绍 -------------------- Refs提供了一种访问在render方法中创建的DOM节点或者React元素的方法。在典型的数据流中，props
ref 被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注册。如果在普通的DOM元素上使用，引用信息就是元素; 如果用在子组件上，引用信息
基本用法 <div id="app"> <input type="text" ref="input1"/> <button @click="add">添加
1，例子是一个计数器，就是求两个数之和 <table> <tbody> <tr> <td> <pre><!DOCTYPE html> <h
1. 基本用法：在当前页面中获取dom元素 <div id="app"> <button @click="getRef" ref="button">获
[vue $refs的基本用法][vue _refs] <div id="app"> <input type="text" ref="input1
末蓝、
港控/mmm°
「爱情、让人受尽委屈。」
还没有评论，来说两句吧...