午夜剧场伦理_日本一道高清_国产又黄又硬_91黄色网战_女同久久另类69精品国产_妹妹的朋友在线

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

Vue父組件向子組件傳值以及data和props的區(qū)別詳解

瀏覽:187日期:2023-02-04 11:52:27

1.在父組件中定義 msg 屬性

data:{ msg:’123 -我是父組件中的數(shù)據(jù)’ },

2.引用子組件

父組件可以在引用子組件的時(shí)候,通過(guò)屬性綁定的形式,把需要傳遞給子組件的數(shù)據(jù),以屬性綁定的形式,傳遞到子組件內(nèi)部,供子組件使用。

把父組件傳遞過(guò)來(lái)的 msg 屬性,綁定到子組件的 parentmsg 屬性上。

<com1 :parentmsg='msg'></com1>

3. 在子組件定義部分,需要把父組件傳遞過(guò)來(lái)的 parentmsg 屬性,先在props數(shù)組中定義一下(代表這個(gè)屬性是由父組件傳遞過(guò)來(lái)的),這樣,才能使用這個(gè)數(shù)據(jù)

props:[’parentmsg’],

4.在子組件中使用

template:'<h1>這是子組件--{{parentmsg}}</h1>',

5.子組件中data和props的區(qū)別

子組件中的data數(shù)據(jù),不是通過(guò)父組件傳遞的是子組件私有的,是可讀可寫(xiě)的。

子組件中的所有 props中的數(shù)據(jù),都是通過(guò)父組件傳遞給子組件的,是只讀的。

完整代碼:

<html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> </head><body> <div id=’app’> <!-- 父組件可以在引用子組件的時(shí)候,通過(guò)屬性綁定的形式,把需要傳遞給子組件的數(shù)據(jù), 以屬性綁定的形式,傳遞到子組件內(nèi)部,供子組件使用 --> <com1 :parentmsg='msg'></com1> </div></body><script src='http://www.leifengta.com.cn/lib/vue.js'></script><script> var vm = new Vue({ el:’#app’, data:{ msg:’123-我是父組件中的數(shù)據(jù)’ }, components:{ //子組件中無(wú)法訪問(wèn)父組件的data和methods com1:{ //子組件中的data數(shù)據(jù),不是通過(guò)父組件傳遞的是子組件私有的 //data上的數(shù)據(jù),是可讀可寫(xiě)的 data(){ return { title:’123’, content:’qqq’ } }, template:'<h1>這是子組件--{{parentmsg}}</h1>', //注意,組件中的所有 props中的數(shù)據(jù),都是通過(guò)父組件傳遞給子組件的 //只讀 props:[’parentmsg’],//把父組件傳遞過(guò)來(lái)的parentmsg屬性, //先在props數(shù)組中定義一下,這樣,才能使用這個(gè)數(shù)據(jù) methods:{ } } } })</script></html>

Vue父組件向子組件傳值以及data和props的區(qū)別詳解

到此這篇關(guān)于Vue父組件向子組件傳值以及data和props的區(qū)別詳解的文章就介紹到這了,更多相關(guān)Vue父組件向子組件傳值內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 日韩午夜网站 | 亚洲色图欧美另类 | 久久午夜免费视频 | 中文字幕久久精品 | 成人免费在线视频观看 | 精品一区不卡 | 久久天天躁狠狠躁夜夜躁2014 | 中文字幕在线日亚洲9 | 亚洲天堂婷婷 | 一区二区三区四区视频 | 国产成人三级在线观看视频 | a视频在线观看 | www,av| 久久久久爱 | 射黄视频 | 国产一区二区免费 | 一级做a爱片久久 | 亚洲精品字幕在线观看 | 亚洲免费高清 | 亚洲精品手机在线 | 午夜久久久久久久 | 91视频在线观看网站 | 亚洲精品久久久久久久久久久久久 | 欧美第一页在线 | 依人在线 | 在线观看黄色av | 日韩久久中文字幕 | 黄色在线观看免费 | 久久综合图片 | 99er这里只有精品 | 天堂综合网久久 | 日韩有码在线观看 | 国产午夜免费 | 中文字幕在线观看不卡 | 黄页在线免费观看 | 欧美黄色一区 | 久久综合国产 | 亚洲第一视频在线 | 午夜在线成人 | 久久久欧洲 | 成人免费视频国产免费网站 |