关于vue的学习（四）

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

• push()

• pop()

• shift()

• unshift()

• splice()

• sort()

• reverse()

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

• slice()

• filter()

• concat()

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

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

1.1_vue基础_v-for就地更新

v-for 的默认行为会尝试原地修改元素而不是移动它们

这种 虚拟DOM对比方式, 可以提高性能 - 但是还不够高

1.2_vue基础_虚拟dom

1.内存中生成一样的虚拟DOM结构(==本质是个JS对象==)

因为真实的DOM属性好几百个, 没办法快速的知道哪个属性改变了

如：<template>
    <div id="box">
        <p class=&#