title: How to add active class to specific element?
body: <p>I have this methods :</p>
  
  <pre><code>  methods: {
  
            replyBox: function(e){
              e.preventDefault();
               this.isActive = !this.isActive;
             );
           },
  </code></pre>
  
  <p>In view i have this:</p>
  
  <pre><code>&lt;div class="comment_list" v-for="comment in all_comments"&gt;
  &lt;a href="#" class="initial" v-on:click="replyBox"&gt;REPLY&lt;/a&gt;
  
     &lt;div id="reply-box-@{{comment.id}}" class="reply-box" v-bind:class="{active: isActive}"&gt;
               &lt;div class="user_comment row"&gt;
                 &lt;div class="col-md-1 col-sm-1 col-xs-1"&gt;
                   &lt;div class="user_profile_image {{ isset($current_user-&gt;personal_user) ? 'bg_blue' : 'bg_green'}}"&gt;
                     @if(isset($current_user-&gt;avatar) &amp;&amp; $current_user-&gt;avatar != '')
                     &lt;img src="{{ avatar_path($current_user-&gt;avatar)}}" alt="" /&gt;
                   @else
                     &lt;img src="{{ home_asset('img/user_icon.png') }}" alt="" /&gt;
                   @endif
                   &lt;/div&gt;
                 &lt;/div&gt;
                 &lt;div class="col-md-11 col-sm-11 col-xs-11"&gt;
                   &lt;textarea  class="comment_input" placeholder="Join the discussion..." @keydown.enter.prevent="postComment({{$current_user-&gt;id}}, {{$article-&gt;id}})" v-model.trim="reply_comment"&gt;&lt;/textarea&gt;
                 &lt;/div&gt;
               &lt;/div&gt;
            &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now what i want is to add class active only for element that is near reply link. In jquery i could use <code>this</code> and that find siblings but how can i do that in vue.js?</p>