jquery不能添加类或删除类

我在Laravel中使用Vuejs,在Watch操作中使用jQuery。

我有noidea为什么hasClass工作,但addClass、removeClass和toggleClass不工作。

这是我的HTML代码:

$('#todo input[type=checkbox]:not(:checked)').each(function(i, elem) {
  var p = $(elem).parent().find('p');
  if (p.hasClass("checked")) {
    p.removeClass("checked");
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-check d-flex flex-row pl-2 b-bottom">
  <input type="checkbox" id="sec1To0_chk_msk01" v-model="data.sec1To0_chk_msk01" class="d-none form-check-input" v-if="allow_staff" />
  <label for="sec1To0_chk_msk01" class="form-check-label d-flex pt-2">
        <div class="radio-check d-flex justify-content-center align-items-center">
          <span class="ni ni-check"></span>
        </div>
      </label>
  <p v-bind:class="{ checked:checked }" class="w-100 p-1 m-0">Title</p>
</div>