vue day02

Vue.js学习第二天——MVVM、插值操作及绑定属性
- 什么是MVVM
Model–view–viewmodel，它是一种软件架构模式（其实我也不理解，大概就是数据和视图相分离吧）

- Vue中的MVVM

Model模型对视图View中的DOM进行事件监听，视图View中的DOM的数据与Model模型进行绑定。

- 插值操作
Mustache（胡子/胡须）语法，也叫双大括号语法{{ }} ，大括号中间不仅可以写变量也可以写简单表达式。

这些方法会触发数组改变, v-for会监测到并更新页面

• push()

• pop()

• shift()

• unshift()

• splice()

• sort()

• reverse()

这些方法不会触发v-for更新

• slice()

• filter()

• concat()

注意: vue不能监测到数组里赋值的动作而更新, 如果需要请使用Vue.set() 或者this.$set(), 或者覆盖整个数组

总结: 改变原数组的方法才能让v-for更新

有key - 值为id

key的值只能是唯一不重复的, 字符串或数值

v-for不会移动DOM, 而是尝试复用, 就地更新，如果需要v-for移动DOM, 你需要用特殊 attribute key 来提供一个排序提示

新DOM里数据的key存在, 去旧的虚拟DOM结构里找到key标记的标签, 复用标签

新DOM里数据的key存在, 去旧的虚拟DOM结构里没有找到key标签的标签, 创建

旧DOM结构的key, 在新的DOM结构里没有了, 则==移除key所在的标签==