搜尋

首頁  >  問答  >  主體

javascript - vue2中的prop驗證,設定default有什麼用?

html程式碼:

<prop-ver :prop-a="num" :prop-b="num2"></prop-ver>

js程式碼:

var propVer={
    prop:{
        propA:{
            type:Number,
            default:100
        },
        propB:{
            type:Number,
            default:100
        }
    },
    tempalte:'<p>{{propA}}------{{propB}}</p>'
};
new Vue({
    el:'#el',
    data:{
        num:'222',
        num2:222
    },
    components:{
        'prop-ver':propVer
    }
});

程式碼如上《感覺default沒什麼用啊,也沒什麼提示和效果。
已經解決:原以為default是傳入的值不符合型別要求,之後預設的值。原來是沒有任何值的時候預設的值

某草草某草草2753 天前781

全部回覆(3)我來回復

  • 世界只因有你

    世界只因有你2017-05-19 10:43:31

    保證你需要用到該屬性的時候不會為undefined

    回覆
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-19 10:43:31

    預設值啊,因為你傳了num和num2到兩個prop中,所以預設值被覆蓋了

    回覆
    0
  • 怪我咯

    怪我咯2017-05-19 10:43:31

    已經解決:原以為default是傳入的值不符合型別要求,之後預設的值。原來是沒有任何值的時候預設的值

    回覆
    0
  • 取消回覆