vue中 refs是什麼?它怎麼在開發中使用?

2021-10-03 11:53:35 字數 994 閱讀 9647

vue (讀音 /vjuː/,類似於view) 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是,vue 被設計為可以自底向上逐層應用。vue 的核心庫只關注檢視層,不僅易於上手,還便於與第三方庫或既有專案整合。另一方面,當與現代化的工具鏈以及各種支援類庫結合使用時,vue 也完全能夠為複雜的單頁應用提供驅動。

$refs  文件說明該屬性是乙個物件型別,而且是唯讀的,解釋為:乙個物件,持有註冊過ref特性的所有dom元素和元件例項 。

怎麼理解呢?要理解這句話,首先得明白ref特性是什麼對吧?

用來給元素或子元件註冊引用資訊。引用資訊將會註冊在父元件的$refs物件上。如果在普通的 dom 元素上使用,引用指向的就是 dom 元素;如果用在子元件上,引用就指向元件例項。

通俗理解:也就是說給子元件或者元素新增乙個引用標識,而這個標識就會被記錄在$resf例項屬性當中。

到這裡你大概對此有些了解了,關於應用,下面說乙個小的功能,登入功能。

當你用了element-ui的時候,**如下:

登入

tips : 管理員登入

你會發現在el-form元件上註冊了乙個ref引用,那這個el-form元件例項就會被註冊到vue例項屬性$refs中。

那檢視elementui文件時你會發現,el-form元件還有一些方法,那這些例項物件的方法怎麼呼叫呢?以乙個校驗引數validate方法為例,**如下:

this.$refs.login.validate(valid =>  else 

});

上面理解到$refs是乙個物件,ref=「login」已經被註冊到這個物件中去了,而這個被註冊的特性指向的是元件例項,所以可以直接.validate執行例項方法。

dual在oracle中是什麼

dual在oracle中是什麼 問題 dual是什麼?回答 www.2cto.com dual是乙個系統表,不能刪除或者修改其表結構。它的名稱叫做 偽表 或者 啞表 檢視其表結構 sql desc dual 名稱 是否為空?型別 dummy varchar2 1 其欄位只有乙個 dummy 中文叫做...

在C 中是什麼意思

是運算子中等級最高的,它分為三種 1 global scope 全域性作用域符 用法 name 2 class scope 類作用域符 用法 class name 3 namespace scope 命名空間作用域符 用法 namespace name 他們都是左關聯 left associativ...

在C 中是什麼意思

表示作用域,和所屬關係 比如class a int a test 表示test是屬於a的 類似的還有其他,就不列舉了 比如int a void test 是運算子中等級最高的,它分為三種 1 global scope 全域性作用域符 用法 name 2 class scope 類作用域符 用法 cl...