注意这里指的 ref
是 内置的特殊 Attributes ,不是指的 ref()
函数。也就是用在 模板 标签 的属性上的那个 ref
我们在引入组件后,怎么得到这个组件的引用,进而通过引用来操作组件呢。以elementui中表单组件的校验为例
其实 <el-form ref="formRef" >
,这有点像java 中的 变量定义 String formRef= null
. 意思是 针对 组件 el-form
我给他定义一个变量 formRef
后面就可以用 formRef
来代替当前组件了。
这个 ref 属性 属于 内置的特殊 Attributes。vue 中 内置的特殊 Attributes 一共有 仨 : key
,is
,ref
参考 官方 文档 https://cn.vuejs.org/api/built-in-special-attributes.html#ref
ref 的作用 主要 用于注册模板引用。
什么是 模板引用 https://cn.vuejs.org/guide/essentials/template-refs.html
说白了,就是我最开始解释的那样,为了在后续能够方便和直接的操作那个组件。