vue prop

問題描述
在vue項(xiàng)目中,父組件通過prop給子組件傳值時(shí),如果prop值是從服務(wù)器端獲取,則父組件可能會(huì)傳給子組件一個(gè)默認(rèn)值(服務(wù)端數(shù)據(jù)還未及時(shí)獲取),那么,我們就需要實(shí)時(shí)watch這個(gè)prop值,一旦prop值有更新,將立即通知子組件更新。

watch: {
    levelDetail: {
      immediate: true, // 很重要?。?!
      handler (val) {
        this.levelPersonal = !val ? {} : val
        // console.log('action Value:', val, this.levelPersonal)
      }
    }
  },
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 應(yīng)用場(chǎng)景 prop傳值是平常Vue父子組件之間主要傳值的方式,并且這是響應(yīng)式的。但是,如果你有個(gè)應(yīng)用嵌套了多層組件...
    李牧敲代碼閱讀 2,310評(píng)論 0 0
  • 所有的 prop 都使得其父子 prop 之間形成了一個(gè)單向下行綁定:父級(jí) prop 的更新會(huì)向下流動(dòng)到子組件中,...
    兔子不打地鼠打代碼閱讀 6,439評(píng)論 0 1
  • Prop 的大小寫 (camelCase vs kebab-case) HTML 中的特性名是大小寫不敏感的,所以...
    波克比閱讀 696評(píng)論 0 0
  • 傳遞靜態(tài)或者動(dòng)態(tài)prop 1 .任何類型的值都可以傳給一個(gè)prop 2 .傳入一個(gè)數(shù)字 3 .傳入一個(gè)布爾值 4 ...
    skoll閱讀 3,062評(píng)論 0 1
  • 這里暫時(shí)僅介紹下“非prop特性(attr)”一般的特性是顯式定義的(即 prop特性),如下面代碼中的 post...
    悄敲閱讀 1,401評(píng)論 0 2

友情鏈接更多精彩內(nèi)容