vue 中 ref的作用 以及其 應用場景


要了解ref的作用,首先應該了解什么是ref 以及他 與 $ref 的區別

vue 官網給出的ref 的定義是這樣的

在定義中可以看到 ref 相當於一個注冊器,我們可以通過注冊的名字個 $refs+ 注冊的名字來使用注冊的信息

接下來看一下$refs

 

簡單來說是一個數組 是一個注冊過 ref 屬性的 所有dom 元素和組件實例

應用場景1: 指向 添加 ref 的 dom 元素 比如在element ui 中表單驗證 就是這樣的機制

 

應用場景2:父組件 通過ref 獲取子組件來進行操作

以下是官網實例

此種方法更適用於直接訪問子組件,如果是操作更改子組件的屬性方法,prop 更合適些

剛開始寫blog 如果有寫錯誤的地方 歡迎 指正交流!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM