有小夥伴覺得Vue更新太快了導致課程所講知識和現在Vue的版本不符，從而報錯，本文主要和大家分享Vue.js2.0變化小結，希望能幫助到大家。
1.關於Vue中$index取得索引值已經取消，多用於多個元素的操作，像ul中的li，透過v-for來建立多個li，如果對於其中的某個或者一些li操作的話，需要使用到索引值，用法如下;
<template>
<p class="hello">
<h1>{{ msg }}</h1>
<button v-on:click="reverse">点击</button>
<input v-model="newtodo" v-on:keyup.enter="add">
<ul>
<li v-for="(todo,index) in todos">
<span>{{todo.text}}</span>
<button v-on:click="remove(index)">删除</button>
</li>
</ul>
</p>
</template>
<script>
export default {
name: 'HelloWorld',
data () {
return {
msg: 'Welcome to Your Vue.js App',
todos: [
{text:'我是一开始就有的哦!'}
],
newtodo: ''
}
},
methods: {
reverse: function(){
this.msg = this.msg.split('').reverse().join('')
},
add: function(){
var text = this.newtodo.trim();
if(text){
this.todos.push({text:text});
this.newtodo = ''
}
},
remove: function(index){
this.todos.splice(index,1)
}
}
}
</script>這是我自己組成的一個片段，重點在於index的使用。
相關推薦：
#以上是Vue.js2.0變化小結分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！
