クリックイベントが発火しない

bootstrapのリストがクリックされたときにactiveをクラスに追加たいと考えているのですが、以下のコードではクリックイベントが発火しませんでした。どのようにすればクリックイベントを発火させることができるのでしょうか。

javascript

        $('.list-group .list-group-item').on('click', function(e){
          console.log('aa');
          $(".list-group .list-group-item").removeClass("active");
          $(e.target).addClass("active");
        });

html

<ul class="list-group" id="map-list">
  <li class="list-group-item" v-for="map in maps">{% map %}</li>
</ul>

リストはvue.jsを使って生成しています。