在Vue中使用vfor进行列表渲染的时候，它会默认使用“就地更新”的策略当Vue在进行列表渲染的时候，Vue会直接对已有的标签就地更新，并不会将所有的标签全部重新删除和重建，只会重新渲染数据，然后再创建新的元素直到数据渲。

一原理 在轮播图数组dataList中，定义一个变量currentIndex = 0表示第一张图片，默认渲染第一张图片即dataListcurrentIndex，然后获取每张图片的下标点击切换图片时把当前图片的下标赋值给currentIndex即可实现图片切换显示。

首先，vuejs在实例化的过程中，会对实例化对象选项中的data 选项进行遍历，遍历其所有属性并使用 ObjectdefineProperty 把这些属性全部转为 gettersetter同时每一个实例对象都有一个watcher实例对象，他会在模板编译的过程中。

但不调用观察者的get方法更新value值这时调用包含更新页面方法的观察者的update方法，在更新页面时会读取computed属性值，触发重新定义的getter函数，由于dirty为true，调用该观察者的get方法，更新value并返回，完成页面渲染。

上一篇文章我们说了vue双向绑定原理，每个watcher对象都绑定了唯一的id，当组件props和data对象属性发生变化时，将会触发watcher对象update方法，lazy属性是避免computed属性里用到props和data对象属性变化导致的重复调用update。