這篇文章給大家分享的是有關(guān)vue.js中$refs怎么用的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來(lái)看看吧。

創(chuàng)新互聯(lián)公司專注于通遼企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站設(shè)計(jì),商城系統(tǒng)網(wǎng)站開發(fā)。通遼網(wǎng)站建設(shè)公司,為通遼等地區(qū)提供建站服務(wù)。全流程按需策劃，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

• 說明：vm.$refs 一個(gè)對(duì)象，持有已注冊(cè)過 ref 的所有子組件（或HTML元素）

• 使用：在 HTML元素 中，添加ref屬性，然后在JS中通過vm.$refs.屬性來(lái)獲取

• 注意：如果獲取的是一個(gè)子組件，那么通過ref就能獲取到子組件中的data和methods

一般來(lái)講，獲取DOM元素，需document.querySelector（".input1"）獲取這個(gè)dom節(jié)點(diǎn)，然后在獲取input1的值。

但是用ref綁定之后，我們就不需要在獲取dom節(jié)點(diǎn)了，直接在上面的input上綁定input1，然后$refs里面調(diào)用就行。

然后在javascript里面這樣調(diào)用：this.$refs.input1 這樣就可以減少獲取dom節(jié)點(diǎn)的消耗了。示例代碼如下：

<-- 添加ref屬性 -->

	
    添加