Uncaught ReferenceError: $index is not defined;

之前可以这样:

 <select>
    <option v-for="zy in selection" :value="zy.text" :selected="$index == 0 ? true : false">
      {{zy.text}}
    </option>
  </select>

现在已经移除,如果还用的话就会报错:Uncaught ReferenceError: $index is not defined;

现在这样写:

  <select>
    <option v-for="(zy,index) in selection" :value="zy.text" :selected="index == 0 ? true : false">
      {{zy.text}}
    </option>
  </select>

 

官网：

在 v-for 块中，我们拥有对父作用域属性的完全访问权限。v-for 还支持一个可选的第二个参数为当前项的索引。

<ul id="example-2">
  <li v-for="(item, index) in items">
    {{ parentMessage }} - {{ index }} - {{ item.message }}
  </li>
</ul>

var example2 = new Vue({
  el: '#example-2',
  data: {
    parentMessage: 'Parent',
    items: [
      { message: 'Foo' },
      { message: 'Bar' }
    ]
  }
})

结果：

. Parent - 0 - Foo

.Parent -1 -Bar