一、vue2.0移除了$index和$key
虽然说现在很多文章说他们的代码是vue2.0版本的，但是有一些仔细一看，发现并不全是2.0版本，有些语法还是1.0的版本，比如这个$index,$key，这两个压根就不是2.0的写法，2.0早就把这两个给删除了，我们先来看看之前的列表渲染是怎么写的
<template>
<div class="hello">
<ul>
<li v-for="item in list">{{$index}}--{{$key}}</li>
</ul>
</div>
</template>
<script>
export default {
data(){
return{
list:['姓名','性别','年龄','语文','数学','英语','总分'] }
}
}
</script>这种写法在2.0的环境下虽然可以运行
但是在控制台却出错了
$index和$key没有定义，而且在页面上也没有渲染出这两个东西的效果，$index是索引，$key是键值
在vue2.0中，这种写法改为了
<template>
<div class="hello">
<ul>
<li v-for="(index,item) in list">{{index}}--{{item}}</li>
</ul>
</div>
</template>得到的页面效果如下
当然，这个问题有很多人写博客提到过，我这里就汇总一下
二、$refs和$els
我在vue2.8.2的版本下使用$refs和$els获取元素的时候，出现了一些问题，当然可能不止是2.8.2版本，其他的版本我还没试过，如果有跟我相同的问题的话可以试试看这种方法。我们先来使用$els
<template>
<div class="hello">
<div class="v-t" v-el:v-t>
<button @click="getElement">测试</button>
</div>
</div>
</template>
<script>
export default {
methods:{
getElement(){
let element=this.$els.vT
console.log(element)
}
}
}
</script>
