摘要:父組件傳遞數(shù)據(jù)給子組件父組件數(shù)據(jù)如何傳遞給子組件呢可以通過屬性來實現(xiàn)例子如下父組件注意其中需分開寫出來定一個傳遞的變量子組件通過來接收數(shù)據(jù)方式此處的中的數(shù)值,需要與父組件中使用子組件一致否則傳遞不成功方式這樣可以指定傳入的類型,如果類
父組件傳遞數(shù)據(jù)給子組件
父組件數(shù)據(jù)如何傳遞給子組件呢?可以通過props屬性來實現(xiàn),例子如下
父組件:
//注意其中childmsg需分開寫出來child-msg
子組件通過props來接收數(shù)據(jù):
方式1:
props: ["childMsg"]
此處的props中的數(shù)值,需要與父組件中使用子組件:child-msg一致,
否則,傳遞不成功
方式2 :
props: { childMsg: Array //這樣可以指定傳入的類型,如果類型不對,會警告 }
檢測props中傳遞的值的類型,不對則會提示警告
方式3:
props: { childMsg: { type: Array, default: [0,0,0] //這樣可以指定默認(rèn)的值 } }
在props中你可對接收的數(shù)值,進(jìn)行驗證,同樣也可以設(shè)置默認(rèn)值,
以方便數(shù)據(jù)的的準(zhǔn)確性,這樣呢,就實現(xiàn)了父組件向子組件傳遞數(shù)據(jù).
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/93538.html
摘要:組件聲明組件分為全局的和局部的。父組件通過給子組件下發(fā)數(shù)據(jù),子組件通過事件給父組件發(fā)送消息。以下實例中子組件已經(jīng)和它外部完全解耦了。 1.vue 組件-聲明 組件分為全局的和局部的。 全局聲明 Vue.component(tagName, options) ** 引用組件 // 注冊 Vue.comp...
摘要:組件聲明組件分為全局的和局部的。父組件通過給子組件下發(fā)數(shù)據(jù),子組件通過事件給父組件發(fā)送消息。以下實例中子組件已經(jīng)和它外部完全解耦了。 1.vue 組件-聲明 組件分為全局的和局部的。 全局聲明 Vue.component(tagName, options) ** 引用組件 // 注冊 Vue.comp...
摘要:因為對用的比較多,所以面試投的都是相關(guān)的崗位,下面是在面試中遇到的常見的問題。這樣前端請求就可以使用接口名稱,但是在生產(chǎn)環(huán)境下,我們不需要接口請求前面加,所以就需要判斷開發(fā)環(huán)境和生產(chǎn)環(huán)境。的核心存放數(shù)據(jù)變更狀態(tài)同步的調(diào)用,更改狀態(tài)的。 因為對vue用的比較多,所以面試投的都是vue相關(guān)的崗位,下面是在面試中遇到的常見的vue問題。 1.Vue 不同環(huán)境配置不同的接口地址; 我們在項目中...
閱讀 1336·2021-11-25 09:43
閱讀 746·2021-11-18 10:02
閱讀 2872·2021-09-07 09:59
閱讀 2752·2021-08-30 09:44
閱讀 2924·2019-08-30 13:17
閱讀 2311·2019-08-29 12:17
閱讀 1677·2019-08-28 17:57
閱讀 1286·2019-08-26 14:04