vue組件傳值有幾種方法-tft每日頭條

vue組件傳值有幾種方法

生活更新时间:2025-04-24 23:47:41

數據從後端獲取過來，最外層的父組件接收數據，子組件不能直接獲取，必須由父組件傳遞，此時使用props，并且父組件的值更新後，子組件的值也會随之更新，但是反過來通過修改子組件props來影響父組件是不行的。但是子組件可以通過$emit觸發父組件的自定義事件來進行傳值。

一、props

props用于父組件向子組件傳值，在 vue組件基礎之創建與使用中使用了一個實例，這裡還是如此，假如一個頁面包含頭部、内容、尾部三個部分，這是三個組件，而它們的父組件是App.vue組件。

vue組件傳值有幾種方法（vue組件基礎之父子傳值）1

現在父組件App.vue将數據傳遞到Vcontent.vue組件中，有三個步驟：

父組件中從後台獲取數據
在父組件中使用的子組件綁定自定義屬性
在子組件中驗證傳遞數據的類型
在子組件中渲染數據

1、獲取數據

現在假設已經從後台獲取到了數據，父組件中已經有數據。

vue組件傳值有幾種方法（vue組件基礎之父子傳值）2

2、綁定自定義屬性

在父組件中使用子組件（Vcontent），給子組件綁定自定義屬性。

vue組件傳值有幾種方法（vue組件基礎之父子傳值）3

3、在子組件中驗證數據類型

向将要傳遞的子組件中驗證傳遞的數據類型，數據類型有很多種，根據自己寫的數據類型填寫：

String Number Boolean Array Object Date Function Symbol

vue組件傳值有幾種方法（vue組件基礎之父子傳值）4

4、渲染數據

此時可以在子組件中使用傳遞過來的數據了。

vue組件傳值有幾種方法（vue組件基礎之父子傳值）5

二、自定義事件

用于子組件向父組件傳值，假設現在Vcontent組件中通過頁面添加了一條數據，此時就需要

在父組件中自定義事件
在子組件中觸發父組件中自定義事件

1、父組件自定義事件

vue組件傳值有幾種方法（vue組件基礎之父子傳值）6

2、觸發自定義事件

事件綁定到Vcontent組件上，那麼在對應的組件中來進行觸發，使用this.$emit方法進行觸發。

vue組件傳值有幾種方法（vue組件基礎之父子傳值）7

總結：

父組件-----》子組件傳值使用props
子組件-----》父組件傳值使用this.emit

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部

网友关注

生活洗衣粉和洗衣液哪個好？能一起使用嗎？
不同的洗滌劑，包括不同牌子和不同産品名稱，其洗滌劑的主要成分—表面活性劑的極性屬性不同。洗衣粉和洗衣液哪個好？洗衣粉和洗衣液能一起用嗎？洗衣粉和洗衣液哪個好一些人使用洗衣粉洗滌衣物，而有的人卻喜歡洗衣液，那麼洗衣粉和洗衣液哪個好？小編對洗衣粉和洗衣液進行對比分析，現在分享給大家。主要成分... 2024-01-06
生活衣服總變黃？恢複潔白亮麗有辦法！
衣服上我們經常會不小心滴到各種各樣的污漬，但是去除的方法卻不多，有時候一件很漂亮的衣服因為某快明顯的污漬而不得不束之高閣，小編為大家找了些除掉各種污漬的方法希望對大家有用。衣服總變黃？恢複潔白亮麗有辦法！衣服會變黃，多半是熒光劑變弱所緻，想要衣物恢複潔白亮麗，就得想法子。1、洗米水+橘子皮簡單又有效... 2024-01-06
生活家庭常用的消毒方法
為确保家庭成員的身體健康，下面介紹常用的家庭簡易消毒的方法：【1】食具與砧闆的消毒食具一般用沸水煮15～20分鐘，或用84消毒液浸泡30分鐘。【2】衣物與被褥的消毒對化纖衣物，可用0.1%的84消毒液浸泡60分鐘，也可用2%至5%來蘇爾液浸泡1～2小時，然後用清水洗淨。對于皮革及絲織物，可用福爾馬林... 2024-01-06
生活保持衣物的光潔鮮豔需要做到這三點
随着現代社會的不斷發展，洗滌行業的技術也在革新，一些具備超強去污能力的洗滌産品也漸漸湧向市場，消滅日常頑漬自然不在話下。保持衣物的光潔鮮豔需要做到這三點秘訣1：不但潔淨也要護手衣服要潔淨，但是手的保護也很重要。時尚優雅的都市麗人，無論是工作和生活都呈現出最靓麗的一面。除了美麗的造型，作為女性第二張臉... 2024-01-06
生活實木地闆養護法則讓地闆在春季也容光煥...
春季氣溫走高，室内溫度與濕度的變化随時都可能引發地闆、家具幹縮、開裂的現象。一些實木地闆養護法則能讓地闆在春季也容光煥發。下面就跟随作文庫知識百科了解一下吧！實木地闆的保養三法則一：地闆打蠟次數不宜頻繁春季天氣幹燥，尤其是目前室内仍有暖氣，輕易導緻居室内空氣更加幹燥，為了讓地闆“皮膚&r... 2024-01-06
生活防輻射服可以洗嗎
女性在懷孕的時候，對防輻射服裝的選擇可以放心進行，這類服飾對輻射預防都是有着很好幫助，尤其是對經常面對電腦的女性，更是要多加選擇這類服裝，但是要注意的是，對這樣服裝穿的時候，也是要适當進行，不宜時時刻刻都穿，那防輻射服可以洗嗎，是很多人不太了解的。很多女性在購買防輻射回來後，都不知道這樣的服飾是不是... 2024-01-06
生活預防酒醉傷肝髒，小小妙招先行
解酒的最快方法是什麼？告訴你，吃下面的這些水果就能夠解酒。當我們在酒店用餐接近尾聲時，通常會遇到這樣的情境：服務員會給就餐者端上一碟水果，那就是讓客人用來解酒醒酒的。這可是解酒的最快方法哦！預防酒醉傷肝髒，小小妙招先行酒精一般在胃裡就會被血液帶進循環系統，當肝髒解酒速度弱于酒精攝入速度的時候，血液酒... 2024-01-06
生活日本排放核污水對世界的影響有哪些？
核污水排入海洋會影響到全球魚類遷徙、遠洋漁業、人類健康、生态安全等方方面面，因此這一問題絕不僅僅是日本國内的問題，而是涉及全球海洋生态和環境安全的國際問題。日本政府決定将福島第一核電站的核污水排入大海。污水一旦排放，将會影響整個太平洋，全球将面臨新的危機，人類也将面臨新的災難。核污水排入海洋會影響到... 2024-01-06
生活田雞與青蛙的區别
田雞是一種常見的虎皮蛙，同時主要是對于人體的有非常好的功效，現在非常多的人，那越來越多很多人在吃田雞呢，不僅考慮它的每個而且注重它的營養價值，也是非常營養的第一大補元氣具體些精力不足以及一些蛋白正南有非常好的功效，生長發育和更年期的骨質疏松美食真的是适合一般人的營養食品。對于虛弱和一些水腫神經衰弱的... 2024-01-06
生活如何下圍棋
圍棋是一項很傳統的娛樂比賽項目，具有悠久的曆史，很多的圍棋愛好者會經常下棋，甚至每天都下棋，好多的家長也會從小就培養孩子的圍棋造詣，不僅可以讓孩子變得乖巧，還能增強孩子的智力，提高孩子的思維能力，簡直是一舉多得的事情。對于不會下圍棋的人來說就想好好學一學了，那麼如何下圍棋呢，我們首先要有時間和對圍棋... 2024-01-06
生活夏天釣魚技巧
可以說釣魚是一項休閑的運動吧，很多的朋友們都比較喜歡釣魚，但是釣魚也是很多的技巧跟方法的，尤其是在炎熱的夏天，朋友們一定要掌握釣魚的技巧，才能夠享受其中的樂趣，那麼夏天釣魚技巧都有哪些呢？喜歡釣魚的朋友們您不妨一起來看看文章的相關介紹吧，相信肯定會給您帶來幫助的。夏天釣魚技巧有哪些呢？因為夏天比較炎... 2024-01-06
生活下水道隻拉不推疏通法
下水道用久後，難免有雜物堵塞，習慣性總把木柄橡皮幫浦上下揿動，這方法往往留下後遺症。因為幫浦往下按時，會把垃圾往管道深處推進；而後往上拉時不一定會将垃圾吸出，尤其如下落的頭發之類，日久能結成很大一團，愈上下揿愈将它往管道深處推進，愈會增加取出雜物的難度。正确方法是，先在水鬥裡放滿清水，把幫浦輕輕旋動... 2024-01-06
生活打豆漿剩下黃豆渣的魔法變身
随着養生風氣盛行，越來越多人喜愛在家中自制豆漿飲用。但熬煮後剩下的豆漿渣往往不知如何處理，直接食用沒有滋味，丢掉又覺得浪費！專家表示，不妨将黃豆渣回收再利用，加入日常菜肴中一同烹調食用，不僅有助增加飽足感，适度食用更有幫助減肥、通便的效果。打豆漿剩下黃豆渣的魔法變身黃豆渣高膳纖！增飽足、促排便日本知... 2024-01-06
生活各種清潔技巧與你分享
各種清潔技巧與你分享各種清潔技巧與你分享1、柚木地闆一旦被水浸，會出現膨脹開裂及彎曲現象，清潔時候，隻需用較濕的抹布擦一下，然後即可用布抹幹就行了，如要保持地闆光亮，可定期打蠟。2、水泥及磨石地闆，可用尼龍刷子沾上清潔劑或肥皂水刷一遍即可。3、瓷磚地打蠟便可保持光亮，但用水清潔後要确保地面幹爽，以免... 2024-01-06
生活如何選購保暖内衣？四步正确選購保暖内...
消費者應該如何挑選保暖内衣呢？其實，消費者選購保暖内衣要分四步，即“看面料”、“聽聲音”、“憑手感”以及“試彈性”。一是看面料。目前市場上的保暖内衣可按高、中、低檔三類來分，其使用的面料有40支全棉、32... 2024-01-06
生活打嗝不止怎麼辦？喝冷水止打嗝
打嗝不止怎麼辦？喝冷水止打嗝打嗝不止怎麼辦？相信每個人都會遇到打嗝，打嗝是因為有時吃東西吃得過飽、過快，受到寒冷刺激等都會導緻的。打嗝雖然不是什麼大病，但總打嗝停不下來，确實不怎麼好受。為什麼會打嗝呢？如何制止打嗝呢？首先讓我們了解下打嗝的原因：中醫認為，打嗝主要由于飲食不節，正氣虧虛，導緻胃氣上逆... 2024-01-06
生活不能用舊衣服擦家具
擦拭家具時，不要用粗布或者不再穿的舊衣服當抹布。最好用毛巾、棉布、棉織品或者法蘭絨布等吸水性好的布料來擦家具。粗布、有線頭的布或有縫線、鈕扣等會引起家具表面刮傷的舊衣服，就應盡量避免使用。不要用幹抹布擦拭家具表面的灰塵。灰塵是由纖維、砂土和矽土構成的，很多人習慣用幹的抹布來清潔擦拭家具表面。其實這些... 2024-01-06
生活實木餐桌價格是多少？實木餐桌的簡介
實木餐桌價格是多少？實木餐桌的簡介實木餐桌的簡介實木餐桌是以實木為主要材質制作成的供進餐用的桌子。一般實木構成的家具很少摻雜有其他物質材料，從主要材料和輔助材料都很少用到，四腳和面闆均為實木（有的桌子可能隻有三隻腳或者大于四隻腳，但這裡主要以四隻的為主），四腳之間的連接通過四腳每一根柱子之間打上孔，... 2024-01-06
生活衣服混洗會導緻一件事
現在基每一個家庭裡面都是會有洗衣機的，所以大部分的人不再會用手洗衣服的，基本上都是把所有的衣服往洗衣機裡面一扔，然後就開始自動洗滌了，那您知道衣服混洗會人體交叉感染嗎？您知道服裝洗滌應按類分開的原因是什麼嗎？今天就為您介紹一下有關洗衣服的注意事項的知識，感興趣的朋友們趕快來看看啊。衣服混洗會人體交叉... 2024-01-06
生活眼鏡防霧的竅門
眼鏡防霧的竅門：冬天從室外到室内，戴眼鏡的人總是會看不清東西，原因就是眼鏡上蒙了一層水汽，現在教你一個防止眼鏡起霧的竅門。步驟：1、将肥皂頭兒泡在溫水裡，做成肥皂水。2、将肥皂水均勻地塗抹在眼鏡片上。3、用眼鏡布輕輕擦幹淨即可。原理：因為肥皂含有油脂成分，将肥皂水塗抹在鏡片上，鏡片就不容易沾上水汽。... 2024-01-06
生活防輻射的植物
現在很多家庭裡都會使用wifi，使用電腦，其實這些都是有一定的輻射的，如果是對于這些輻射置之不理的話，多少都會給人體帶來一些危害。其實有很多植物對于防輻射都有一定的作用，在家裡有輻射的家用電器周圍拜訪這些防輻射的植物，不但防輻射，而且還具有很好的觀賞效果。觀賞性的防輻射植物有很多，比如說仙人掌，買一... 2024-01-06
生活選購毛毯：如何識别毛毯質量的優劣好壞
毛毯屬粗毛紡織品，是一種床上用品。毛毯一般分為純毛毛毯和混紡毛毯兩種。【1】純毛毛毯目前市場上的純毛毯大部分都是羊毛制成的，其質量優劣，可以從手感、絨面蓬松度和底絨密度三個方面來判斷。手感既要挺括又有柔軟性，并富有彈性，這隻要用手一摸便可鑒别。絨面的蓬松度，要求毛毯不硬，絨毛松而不亂，覆蓋在毛毯表面... 2024-01-06
生活冰島古樹茶多少錢一斤？
01不同類型的冰島古樹茶的價格會有很大的差異，有的時候甚至會相差好幾倍，最貴的要算500年的古樹茶，隻有這樣的古樹茶才能值萬元每公斤。100年以上的古樹茶葉可以達到8000元/公斤，而當地台地茶也已經超過2000元/公斤。冰島古樹茶多少錢一斤會根據不同的産地不同的類型來定義，2021年基本都在幾千塊... 2024-01-06
生活哪些衣服适合幹洗和水洗？衣服幹洗水洗...
現在越來越多的人将自己的衣服扔到幹洗店裡，可是你知道嗎，并不是所有的衣服都适合幹洗，現在就給您集中介紹幾類衣服，看看究竟哪些衣服适合幹洗哪些衣服适合水洗？在下次要将衣服扔給幹洗店的時候，可要注意了！幹洗水洗一覽表幹洗效果最好，适合幹洗的衣服有：1、西服、大衣等襯料、裡料和墊肩的衣服要幹洗，否則會影響... 2024-01-06
生活田螺吃什麼
田螺含有蛋白質和鈣，而且做成麻辣田螺的話，口味也是非常棒的，因此很多朋友都非常喜歡吃田螺。但是有一些報道說田螺都是在污水中長大的，如果是食用之後會給身體帶來一定的危害，因此很多朋友都想要好好的了解一下田螺吃什麼，看看它是否真的是不能吃的食物。想要知道田螺吃什麼，就要知道它的生活環境，一般田螺都是生存... 2024-01-06
生活防輻射服有效果嗎
對于很多孕婦來說，在懷孕期間确實有很多不同的禁忌事項的。尤其是我們生活中的電子産品是非常多的，我們每天都會多多少少地接觸到不同的電子産品，但是最令人擔心和害怕的就是電子産品帶來的輻射問題了。因此很多準媽媽都會購買一些防輻射服。那麼到底防輻射服有效果嗎？其實對于孕婦來說，嚴重的輻射的确對于母體和胎兒都... 2024-01-06
生活不能用肥皂水擦家具
不要用肥皂水、洗潔精或者清水清洗家具肥皂水、洗潔精等清潔産品不僅不能有效地去除堆積在家具表面的灰塵，也無法去除打光前的矽砂微粒，而且因為它們具有一定腐蝕性，因而會損傷家具表面，讓家具的漆面變得黯淡無光。同時，如果水分滲透到木頭裡，還會導緻木材發黴或局部變形，減短使用壽命。現在很多家具都是纖維闆機器壓... 2024-01-06
生活榆木家具保養之“遮”、“擦”、“打”
榆木質地硬朗、紋理直而粗犷而豪爽和質樸天然色澤、無不與古人所推崇的做人理念相契合，所以，從古到今榆木備受歡迎，上至達官貴人、文人雅士、下至黎民百姓制作家具的首選。榆木家具保養之“遮”、“擦”、“打”榆木家具保留了明清家私的造型，... 2024-01-06
生活怎樣洗滌拉絨衣物？拉絨衣物的洗滌方法
拉絨織物有拉絨毛衣、圍巾、方巾、脖套、絨帽等，質地以腈綸産品居多，純毛次之。腈綸有靜電吸塵的特性，絨毛容易積塵垢。如洗滌不當，拉絨衣服容易變形，收縮闆結，失去彈性，更多的是使絨毛倒伏，影響柔軟蓬松。拉絨織物的洗滌方法是：把中性洗衣粉或肥皂片，用熱水沖開攪勻，用涼水對至30度左右。先用清水把衣物浸透，... 2024-01-06
生活窗幔洗滌分質地蕩滌建議“對号入座”
窗幔就是窗戶裡面一般用布做的一個幔子，在窗戶或者窗簾上面的一節，窗飾的一種，主要起到裝飾美化窗簾的作用。一般與窗簾一體，可以是固定的褶皺幔，也可以是單獨簡約活動幔，都是常見美化窗簾的附屬品。窗幔洗滌分質地蕩滌建議“對号入座”不同質地的窗幔洗滌方法不同，蕩滌時最好能&ldquo... 2024-01-06

tft每日頭條

> 生活

> vue組件傳值有幾種方法

vue組件傳值有幾種方法

相关生活资讯推荐

热门生活资讯推荐

网友关注