單向數(shù)據(jù)瀏覽不允許你做修改操作,如果可以修改,每個(gè)組件都能對(duì)數(shù)據(jù)進(jìn)行操作,這樣無法有效的追蹤數(shù)據(jù)的變化

如果props傳入的值是引用類型，在子組件中改變其元素，不改變引用，那么不報(bào)錯(cuò)。
如果是普通類型，那么在修改時(shí)瀏覽器控制臺(tái)會(huì)有報(bào)錯(cuò)信息

接著往下看

在兩種情況下，我們很容易忍不住想去修改 prop 中數(shù)據(jù)：

Prop 作為初始值傳入后，子組件想把它當(dāng)作局部數(shù)據(jù)來用；

Prop 作為原始數(shù)據(jù)傳入，由子組件處理成其它數(shù)據(jù)輸出。

對(duì)這兩種情況，正確的應(yīng)對(duì)方式是：

定義一個(gè)局部變量，并用 prop 的值初始化它：

props: ['initialCounter'],
data: function () {
  return { counter: this.initialCounter }
}
定義一個(gè)計(jì)算屬性，處理 prop 的值并返回：

props: ['size'],
computed: {
  normalizedSize: function () {
    return this.size.trim().toLowerCase()
  }
}