Vue.jsでJqueryのslideToggleを使う

Vue.jsでJqueryみたいなアコーディオンメニューみたいなの作るのって難しくないですか？
私はJqueryも使います。

html

<div id="app">
 <h2 @click="toggle">クリック</h2>
 <div class="box">
  <ul>
   <li>1</li>
   <li>2</li>
   <li>3</li>
  </ul>
 </div>
</div>

javascript

var app = new Vue({
  el: '#app',
  methods: {
    toggle: function (event) {
      const boxElement = event.target.nextElementSibling
      $(boxElement).slideToggle( 500, 'linear' );
    }
  }
})