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