vue prop

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

watch: {
    levelDetail: {
      immediate: true, // 很重要！！！
      handler (val) {
        this.levelPersonal = !val ? {} : val
        // console.log('action Value:', val, this.levelPersonal)
      }
    }
  },
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 應用場景 prop傳值是平常Vue父子組件之間主要傳值的方式，并且這是響應式的。但是，如果你有個應用嵌套了多層組件...
    李牧敲代碼閱讀 2,167評論 0贊 0
  • 所有的 prop 都使得其父子 prop 之間形成了一個單向下行綁定：父級 prop 的更新會向下流動到子組件中，...
    兔子不打地鼠打代碼閱讀 6,382評論 0贊 1
  • Prop 的大小寫 (camelCase vs kebab-case) HTML 中的特性名是大小寫不敏感的，所以...
    波克比閱讀 637評論 0贊 0
  • 傳遞靜態或者動態prop 1 .任何類型的值都可以傳給一個prop 2 .傳入一個數字 3 .傳入一個布爾值 4 ...
    skoll閱讀 2,993評論 0贊 1
  • 這里暫時僅介紹下“非prop特性（attr）”一般的特性是顯式定義的（即 prop特性），如下面代碼中的 post...
    悄敲閱讀 1,331評論 0贊 2