vue-props的default寫不寫有什么區別

注意 default 不要寫成 defaults 

例如有一個名為mk-test的組件如下：

<template>
    <div>{{maxLength}}</div>
</template>
<script>
export default {
    props: {
        maxLength: {
            type: Number,
            default: 1
        }
    }
}
</script>

當父組件這樣調用時：

<mk-test></mk-test>

渲染出來是：

1

如果把組件的default:1刪除，父組件調用方式不變，此時渲染結果是：

0

此時如果父組件改成：

<mk-test maxLength="3"></mk-test>

此時渲染結果是：

3

自我總結：

1、使用default定義默認值時，如果父組件有傳值，則用父值渲染。如果父組件沒有傳值，則使用默認值。

2、沒有定義默認值時，如果父組件有傳值，則用父值渲染。如果父組件沒有傳值，則使用的是該類型的默認值。類型及其默認值如下：

String   ''

Number  0

Array []

Object  {}