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所在的标签==