一、vue里面的this 指向的是当前的实例 ``` <div id="app"> <button @click="saveClick()">保存</button </div> ``` ``` var vm = new Vue({ el:"#app", data:{ msg:"前端开发", listData:[{name:"one",id:"01"},{name:"two",id:"02"}], }, methods:{ saveClick:function(){ //能拿到我们要的对象随便怎么玩，都没事,呵呵;具体的还是得要看项目的业务； console.log(this.msg); console.log(this.listData); console.log(this.$data); console.log(this.$el); } }}) ``` 二、vue 索引  index ``` <div id="app"> <ul> <li class="contacts" v-for="(item,index) in listData"></li> </ul> </div> ``` 三、v-for 循环遍历了我们的数组 index 就是索引值         具体的用法，有写个demo参考，这里只列要点和写法 ``` <li v-for="(items,index) in tabTitle" :class="{active:index === num}" @click="tabClick(items,index)">{{items.tabs}}</li> ``` 根据index索引来 是否增加class 类目 active ，  点击事件：传参接收到当前行的数据接收，方便我们后续的操作；