首页
/
每日頭條
/
科技
/
vue 3.0父組件調用子組件的方法
vue 3.0父組件調用子組件的方法
更新时间:2025-07-11 19:28:29

我們都知道在vue中父組件向子組件傳參需要在組件使用的位置使用屬性綁定的方式,然後在子組件中通過props接收父組件中傳遞過來的數據,如果涉及到多層組件嵌套我們需要涉及到好多次屬性綁定和好多次props接收數據,導緻代碼維護較差,我們知道可以借助vuex實現狀态管理,今天我們來使用一下在vue3中提供的provide和inject來實現數據的傳遞.

我們定義一個父組件father.vue,定義一個子組件son.vue,将子組件挂載給父組件

vue 3.0父組件調用子組件的方法(vue3多層嵌套組件如何訪問到最外層組件的數據)1

同時我們在父組件中定義了一個數據叫result,使用provide将數據暴露屬性為msg,值是result變量存儲的變量’father’字符串,我們并沒有在子組件的使用位置使用屬性綁定的方式傳遞參數,接下來我們來看子組件的代碼

vue 3.0父組件調用子組件的方法(vue3多層嵌套組件如何訪問到最外層組件的數據)2

在子組件内部我們按需導入inject,并去接收父組件提供的屬性msg,使用變量m保存,并将mreturn,在結構位置使用插值表達式{{m}} m展示的信息為’father’字符串。

,
Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
手機中毒綜合症人員數據
手機中毒綜合症人員數據
外媒所說“數字中毒”其實就是我們常說的手機綜合征。估計現在多數人對此都有深切體會。手機已成為人們重要信息來源、社交工具、支付工具乃至生産工具,更成為精神依賴,得其利受其害。手機中毒早已成為家庭問題、教育問題,甚至社會問題。玩手機與抽大煙手機...
2025-07-11
電影無問西東編劇
電影無問西東編劇
港片曾經出了一部電影《一路向西》,很特别,即使現在也很難看到它的蹤影,豆瓣沒有評分,在線看不了,一部隻能流竄于硬盤和網盤的片子。而影片是根據向西村上春樹的作品《東莞的森林》改編而成的電影。這作者,同樣神秘,我們認識日本的村上春樹,向西村上春...
2025-07-11
電腦一直無限重啟開不了機
電腦一直無限重啟開不了機
電腦一直無限重啟開不了機?我們在使用電腦的時候,有時候會出現電腦一直重新啟動,就是無法開機的情況出現這種情況,主要是電腦的硬件問題包括電源,主闆或主闆上的闆卡,根本沒有到讀操作系統那一步就自動重啟了,還有就是機箱的開關有問題導緻的,接下來我...
2025-07-11
到了什麼時候适合換新手機
到了什麼時候适合換新手機
很多朋友都在問現在買手機便宜嗎?要等多久手機才會降價,之類的話題經常能看到,其實下半年隻剩最後三個月了,那麼換手機在幾月換比較合适呢?記住這三個時間點!第一個時間點:九月下旬十月初金九銀十,可以說是各個行業為年底沖鋒的月份,一些降價活動都會...
2025-07-11
不會寫文案怎樣找精辟的文案
不會寫文案怎樣找精辟的文案
​​“寫作”是新媒體人繞不開的能力。不過,你不得不承認,有很多寫作内容,你明明知道它很重要,但就是寫不出來——譬如,寫故事、寫金句。怎麼辦?不用糾結,古人雲“工欲善其事,必先利其器”,你可以借助一些工具,尋找創意與素材。今天勾老師給大家推薦...
2025-07-11
Copyright 2023-2025 - www.tftnews.com All Rights Reserved