Vue中ref特性的使用示例-創(chuàng)新互聯(lián)
這篇文章主要介紹了Vue中ref特性的使用示例，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)專注于咸陽網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供咸陽營銷型網(wǎng)站建設(shè)，咸陽網(wǎng)站制作、咸陽網(wǎng)頁設(shè)計(jì)、咸陽網(wǎng)站官網(wǎng)定制、
微信小程序開發(fā)服務(wù)，打造咸陽網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供
咸陽網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
一、ref的基本使用
ref的使用
hello
如果在普通的 DOM 元素上使用，引用指向的就是DOM 元素如果用在子組件上，引用就指向組件實(shí)例
深入理解$refs
某組件的$refs含有該組件的所有ref，看下面的例子
hello
從上圖中我們很容易發(fā)現(xiàn)
vm.$refs返回了一個(gè)對象，這個(gè)對象內(nèi)有兩個(gè)成員，包含了vm實(shí)例的所有ref
vm.$refs.p是DOM 元素
vm.$refs.child是組件實(shí)例
二、實(shí)戰(zhàn)：通過ref獲取子組件data
看下面的例子
{{sum}}
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“Vue中ref特性的使用示例”這篇文章對大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司，關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、網(wǎng)站設(shè)計(jì)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
新聞名稱：Vue中ref特性的使用示例-創(chuàng)新互聯(lián)
鏈接分享：
http://weahome.cn/article/dscoes.html
重慶分公司
重慶分公司
