This point about vue

  node.js, question
var city = new Vue({
 el:'.city',
 data:{
 choices:[
 {cities:' Beijing'},
 {cities:' Shanghai'},
 {cities:' Fuzhou'},
 {cities:' Guangzhou'},
 {cities:' Qingdao'}
 bracket
 },
 methods:{
 changeCity:function(){
 $(this).css('color','red').siblings().css('color','');  //The problem is here. this here seems not to point to the clicked element, but to point to vue. What should I do?
 bracket
 bracket
 
 });
< p class="city "> switching cities:
 <a href="#" v-on:click="changeCity"  v-for="item in choices">
 {{item.cities}}
 </a>
 </p>

Why notvuehit the targetClass is bound to style?

I wrote an article about using Vue.js to achieve the effect of highlighting. It is very concise:

Use Vue.js to achieve list selection effect

Or you can also refer to the following example:

https://jsfiddle.net/xiaoluoboding/z5xusoL9/