@jadestrong 的思路是對(duì)的

你截圖的所示的組件,已經(jīng)是<mt-tabbar>的父組件了,為什么需要再封裝一層讓再上一級(jí)的爺爺組件來傳遞selected呢?如果的確需要這樣的組件樹結(jié)構(gòu)的話,則應(yīng)該在截圖所示的組件中使用事件$emit告知爺爺組件更新selected值.然后父組件接收的props值也會(huì)自動(dòng)更新的.

但從我看你問題描述中,感覺像是對(duì)組件間數(shù)據(jù)傳遞有點(diǎn)誤解.就你這個(gè)用例來看

<template>
  <mt-tabbar v-model="selected">...<mt-tabbar>
</template>
<script>
export default {
  data () {
    return {
      selected: '1'
    }
  }
}
</script>

selected是父組件專遞給子組件(<mt-tabbar>)的,所以selected在父組件中應(yīng)該是組件內(nèi)狀態(tài)(對(duì)應(yīng)vue就是data hook中的數(shù)據(jù)).

而<mt-tabbar>的v-model應(yīng)該本來就實(shí)現(xiàn)了組件間數(shù)據(jù)傳遞的雙向綁定(不確定,我沒有用過),而你上面會(huì)報(bào)錯(cuò),是因?yàn)?lt;mt-tabber>切換的時(shí)候并不是想改變父組件的data,而是想改變爺爺組件的data,所以才會(huì)出錯(cuò),如果你要改變爺爺組件的data,應(yīng)該在父組件中再加一層$emit或是其他像sync一類的語(yǔ)法糖.

你這是在mt-tabbar的外面又包了一層，上面截圖是你自己封裝的一個(gè)組件？ 然后，你定義props在調(diào)用這個(gè)組件的父組件里面動(dòng)態(tài)修改selected? 如果是這樣，你可以在父組件上使用selected.sync語(yǔ)法，你可以文檔查下.sync和update:selected的使用.

另外，我覺得你本身用的是組件了，不需要再包一層，用props來聲明吧，直接在那個(gè)頁(yè)用data來聲明不更好

如果你想父組件改變model，自組件能實(shí)時(shí)接到，子組件去watch這個(gè)model。
如果你想子組件改變model，同步給父組件，那么你在改子組件model的時(shí)候，綁定this.$emit("model",model)
父組件@model="modelFunc",modelFunc類似于function，去接收就好了