v-for的双参循环迭代

今天看到这样的一段代码：

<a v-for = "(list,i) in lists" :key="i">  
 </a>

  data () {
    return {
      lists: [
        {title: '首页', url: '/home', icon: 'iconiconfontzhizuobiaozhun023101'},
        {title: '发现', url: '/find', icon: 'iconfaxian3'},
        {title: '订单', url: '/order', icon: 'icondingdan'},
        {title: '我的', url: '/mine', icon: 'iconwode'}
      ]
    }
  }

对于后面的那个 :key 我表示没能理解
看了一下网上的教程 ，单参引入数据，双参为键名，三参是索引
单参：

双参：

三参：

可是还没有:key这个东西啊，然后我仔细想了想，这个好像是的v-bind缩写
:key是为vue的响应式渲染提供方法，在列表中单条数据改变的情况下，可以进行单独渲染，减少页面资源消耗。也可以让有强迫症的程序员少看到黄色的警告出现