在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 不理解為什么VUE中已經(jīng)props: ['item']傳進(jìn)子組件的的數(shù)據(jù),還需要

不理解為什么VUE中已經(jīng)props: ['item']傳進(jìn)子組件的的數(shù)據(jù),還需要在模板上再來一次v-bind

https://cn.vuejs.org/v2/guide...

與綁定到任何普通的 HTML 特性相類似,我們可以用 v-bind 來動(dòng)態(tài)地將 prop 綁定到父組件的數(shù)據(jù)。每當(dāng)父組件的數(shù)據(jù)變化時(shí),該變化也會(huì)傳導(dǎo)給子組件:

<div>
  <input v-model="parentMsg">
  <br>
  <child v-bind:my-message="parentMsg"></child>
</div>

難道props:['item']只是完成初始化?并且父組件中的數(shù)據(jù),也是單向傳入子組件不是么?不需要雙向數(shù)據(jù)綁定.

回答
編輯回答
有點(diǎn)壞

不在模板里傳一次,子組件怎么知道item是什么呢?

2017年6月29日 00:20
編輯回答
不二心

子組件中的props,只是一個(gè)聲明,聲明這個(gè)組件可以接受那些參數(shù).

比如說子組件child中聲明了'my-message'這個(gè)屬性

props:{
  my-message:{
    type:string
  }
}

才能向組件中像這樣傳值

<child v-bind:my-message="parentMsg"></child>
2018年2月26日 22:34
編輯回答
選擇
<div>
  <input v-model="parentMsg">
  <br>
  <child :my-message="parentMsg"></child>
</div>

child 組件里面聲明 props是為了告訴要使用這個(gè)組件的人

  • 我能接受哪些參數(shù)
  • 我要的參數(shù)哪些是必填的
  • 我要的參數(shù)的類型是什么樣的類型
  • 綁定值的時(shí)候要根據(jù)我定義的參數(shù)名稱來傳
  • 你可以不傳但是你傳了就要按照我說的來
// 子組件定義了 msg
// 在調(diào)用當(dāng)前組件的時(shí)候, my-message 參數(shù)是必須要傳的,傳的值必須是字符串類型的
props: {
    my-message: {
        type: String,
        default: ``,
        required: true
    }
}

這是我的理解,不知道能不能幫助到你

2017年4月23日 09:19