关于vue的this指向

Question

var city = new Vue({     el:'.city',     data:{         choices:[             {cities:'北京'},             {cities:'上海'},             {cities:'福州'},             {cities:'广州'},             {cities:'青岛'}         ]     },     methods:{         changeCity:function(){             $(this).css('color','red').siblings().css('color','');  //问题在这里，这里的this好像不是指向点击的那个元素，好像是指向vue里面的，该怎么办？         }     }      });<p class="city">    切换城市：     <a href="#" v-on:click="changeCity"  v-for="item in choices">     {{item.cities}}      </a> </p>