vue中ref属性的作用


注意这里指的 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

说白了,就是我最开始解释的那样,为了在后续能够方便和直接的操作那个组件。


评论