最近自己在学习vue.js，在看一些课程的时候可能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中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
777
