1. vue2 props的類型如果為對(duì)象或者數(shù)組，為什么默認(rèn)值一定得是個(gè)函數(shù)？

在Vue 2中，當(dāng)props的類型是對(duì)象（Object）或數(shù)組（Array）時(shí)，推薦使用函數(shù)來(lái)作為默認(rèn)值的原因在于JavaScript中對(duì)象和數(shù)組是引用類型 。如果直接將一個(gè)對(duì)象或數(shù)組作為默認(rèn)值，那么這個(gè)默認(rèn)值會(huì)在內(nèi)存中共享，導(dǎo)致所有使用該默認(rèn)值的組件實(shí)例實(shí)際上共享的是同一個(gè)對(duì)象或數(shù)組的引用。

這意味著，如果一個(gè)組件實(shí)例修改了這個(gè)對(duì)象或數(shù)組，那么這個(gè)更改會(huì)影響到所有其他使用此默認(rèn)值的組件實(shí)例，這通常不是我們期望的行為。

為了避免這種情況，Vue要求對(duì)于這類引用類型的props，其默認(rèn)值應(yīng)該通過(guò)一個(gè)函數(shù)來(lái)返回一個(gè)新的對(duì)象或數(shù)組實(shí)例。這樣，每當(dāng)創(chuàng)建一個(gè)新的組件實(shí)例時(shí)，都會(huì)調(diào)用這個(gè)函數(shù)，從而為每個(gè)實(shí)例提供一個(gè)獨(dú)立的、不與其他實(shí)例共享的默認(rèn)值。

例如：

props: {
  items: {
    type: Array,
    default: () => [] // 返回一個(gè)新的空數(shù)組作為默認(rèn)值
  },
  config: {
    type: Object,
    default: () => ({}) // 返回一個(gè)新的空對(duì)象作為默認(rèn)值
  }
}

通過(guò)這種方式，每個(gè)組件實(shí)例的items和configprop都得到了自己獨(dú)立的默認(rèn)值副本，保證了數(shù)據(jù)的隔離性，防止了潛在的數(shù)據(jù)交叉污染問(wèn)題。

2. vue2中props值的類型都有哪些？他們的默認(rèn)值該如何設(shè)置？

2.1. props的值類型

在Vue 2中，props的值可以有多種類型，包括但不限于：

1. String（字符串）
2. Number（數(shù)字）
3. Boolean（布爾值）
4. Array（數(shù)組）
5. Object（對(duì)象）
6. Function（函數(shù)）
7. Date（日期）
8. Symbol（符號(hào)） - 在較新版本的Vue和JavaScript環(huán)境下可用
9. null 和 undefined - 也可以被用作prop的類型或默認(rèn)值

設(shè)置這些props的默認(rèn)值，你可以直接賦值（對(duì)于原始類型如字符串、數(shù)字、布爾值），而對(duì)于引用類型如數(shù)組或?qū)ο?，則需要通過(guò)一個(gè)工廠函數(shù)來(lái)返回默認(rèn)值，以確保每次組件實(shí)例化時(shí)都能獲得一個(gè)新的實(shí)例，避免引用共享問(wèn)題。

2.2. props默認(rèn)值設(shè)置的示例

下面是不同類型的props及其默認(rèn)值設(shè)置的示例：

Vue.component('my-component', {
  props: {
    // 字符串類型，默認(rèn)為空字符串
    text: {
      type: String,
      default: ''
    },

    // 數(shù)字類型，默認(rèn)為0
    count: {
      type: Number,
      default: 0
    },

    // 布爾類型，默認(rèn)為false
    isActive: {
      type: Boolean,
      default: false
    },

    // 數(shù)組類型，默認(rèn)為空數(shù)組
    items: {
      type: Array,
      default: () => []
    },

    // 對(duì)象類型，默認(rèn)為空對(duì)象
    config: {
      type: Object,
      default: () => ({})
    },

    // 函數(shù)類型，默認(rèn)為空函數(shù)
    callback: {
      type: Function,
      default: () => {}
    },

    // 日期類型，默認(rèn)為當(dāng)前日期
    date: {
      type: Date,
      default: () => new Date()
    }
  },
  // ...其他組件邏輯
});

這里，對(duì)于Array、Object、和Date這樣的復(fù)雜類型，我們使用箭頭函數(shù)來(lái)返回一個(gè)新的實(shí)例，以避免不同組件實(shí)例間共享同一默認(rèn)值的問(wèn)題。

而對(duì)于基本類型如String、Number、Boolean，直接賦予默認(rèn)值即可，因?yàn)樗鼈兪侵殿愋?，不?huì)存在引用共享的問(wèn)題。

對(duì)于Function類型，雖然不是引用類型，但通常也推薦使用箭頭函數(shù)來(lái)定義默認(rèn)值，以保持一致性。