Vue學習-coderwhy,data的watch偵聽選項，$watch偵聽,計算屬性set,get,computed和methods差別,

3.2.1. 基本偵聽watch

• watch: { message(newValue, oldValue) {} }
• 注意: 對象類型

  • Proxy對象 -> Vue.toRaw(newValue)

    Proxy對象->Vue.toRaw(newValue)

1.3.2. key的作用

• 有key的操作:
  • 根據key找到之前的VNode進行複用;
  • 沒有VNode可以複用, 再建立新的VNode
• 沒有key的操作:
  • diff算法, 後續VNode複用性就不強

1.3.1. VNode/虛拟DOM

• template元素 -> VNode
• 虛拟DOM作用之一:
  • 跨平台

1.2. v-for其他的類型

• 對象
  • (value, key, index) in obj
• 數字
  • item in 10
• 可疊代對象(字元串)

1.1. v-for的基本使用

• item in 數組
• (item, index) in 數組
• (item, index) of 數組

in,of數組

1.2.3. v-show

• if用法差別:
  • v-sh