這篇文章主要講解了Vue組件跨層級(jí)如何獲取組件，內(nèi)容清晰明了，對(duì)此有興趣的小伙伴可以學(xué)習(xí)一下，相信大家閱讀完之后會(huì)有幫助。

阿瓦提網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),阿瓦提網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為阿瓦提近千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的阿瓦提做網(wǎng)站的公司定做！

this.$parent 訪問(wèn)父實(shí)例

this.$children 當(dāng)前實(shí)例的直接子組件。(不保證順序,不是響應(yīng)式)

this.$parent.$parent.$refs.xxx 跨級(jí)訪問(wèn)父組件

this.$children.$children.$refs.xxx 跨級(jí)訪問(wèn)子組件

這種遞歸的方式 代碼繁瑣 性能低效

ref

只能獲取當(dāng)前組件上下文組件 無(wú)法跨層級(jí)

ref 是字符串 被用來(lái)給元素或子組件注冊(cè)引用信息。

引用信息將會(huì)注冊(cè)在父組件的 $refs 對(duì)象上。

如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；

如果用在子組件上，引用就指向組件實(shí)例

hello

本文標(biāo)題：Vue組件跨層級(jí)如何獲取組件-創(chuàng)新互聯(lián)
瀏覽地址：http://weahome.cn/article/dscihj.html