一、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 ，? 點擊事件：傳參接收到當前行的數據接收，方便我們后續的操作；