寫在前面
又到了寫博客的時間啦，在學習vue的時候，我們會需要在不依賴jQuery的情況下獲取DOM元素或組件的參考，這時我們就需要用到$refs物件，
1. 什么是 ref 參考
ref 用來輔助開發者在不依賴于 jQuery 的情況下，獲取 DOM 元素或組件的參考，
每個 vue 的組件實體上，都包含一個 $refs 物件，里面存盤著對應的 DOM 元素或組件的參考，默認情況下，組件的 $refs 指向一個空物件，
2. 使用 ref 參考 DOM 元素
如果想要使用 ref 參考頁面上的 DOM 元素，則可以按照如下的方式進行操作：
3. 使用 ref 參考組件實體
如果想要使用 ref 參考頁面上的組件實體，則可以按照如下的方式進行操作：
4. 控制文本框和按鈕的按需切換
通過布林值 inputVisible 來控制組件中的文本框與按鈕的按需切換，示例代碼如下：
5. 讓文本框自動獲得焦點
當文本框展示出來之后，如果希望它立即獲得焦點，則可以為其添加 ref 參考，并呼叫原生 DOM 物件的.focus() 方法即可，示例代碼如下：
6. this.$nextTick(cb) 方法
組件的 $nextTick(cb) 方法，會把 cb 回呼推遲到下一個 DOM 更新周期之后執行，通俗的理解是：等組件的DOM 更新完成之后，再執行 cb 回呼函式，從而能保證 cb 回呼函式可以操作到最新的 DOM 元素，
寫在最后
以上就是今天的全部內容，下期見啦朋友們，
凡是過往，皆為序章，努力學習吧，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/294234.html
標籤：其他
上一篇：Babel