要了解ref的作用,首先應該了解什么是ref 以及他 與 $ref 的區別
vue 官網給出的ref 的定義是這樣的
在定義中可以看到 ref 相當於一個注冊器,我們可以通過注冊的名字個 $refs+ 注冊的名字來使用注冊的信息
接下來看一下$refs
簡單來說是一個數組 是一個注冊過 ref 屬性的 所有dom 元素和組件實例
應用場景1: 指向 添加 ref 的 dom 元素 比如在element ui 中表單驗證 就是這樣的機制
應用場景2:父組件 通過ref 獲取子組件來進行操作
以下是官網實例
此種方法更適用於直接訪問子組件,如果是操作更改子組件的屬性方法,prop 更合適些
剛開始寫blog 如果有寫錯誤的地方 歡迎 指正交流!