jquery - 使用 vueJs 时无法使用 jquery 插件

Question

我正在使用 jQuery tabSlideOut https://github.com/hawk-ip/jquery.tabSlideOut.js
它工作正常但是在我使用 vueJs 组件的页面上我得到 $(...).tabSlideOut 不是一个函数。
我知道不建议在 vueJs 中使用 jQuery，但事实并非如此，所以我不明白为什么这不起作用。

<script src="assets/js/jquery.tabSlideOut.js"></script>
<script src="assets/js/tabSlideOut.js"></script>

$(document).ready(function() {
var left = $('#left').tabSlideOut({
  tabLocation: 'left',
  clickScreenToClose: false,
  offset: '40px',
  offsetReverse: true, // offset from bottom, not top
  // handlers: enable and disable buttons when sliding open or closed
  onOpen: function(){
      $('#open').prop('disabled',true);
      $('#close').prop('disabled',false);
  },
  onClose: function(){
      $('#open').prop('disabled',false);
      $('#close').prop('disabled',true);
  }      
});
$('#top').tabSlideOut({
  tabLocation: 'right',
  action: 'hover',
  handleOffsetReverse: true,
  offsetReverse: true,
  onLoadSlideOut: true
});
});

<script src="js/app.js" charset="utf-8"></script>

编辑：通过在创建 Vue 后包含 jQuery 插件来解决，即在 Vue 的 created 方法中添加它。

    created(){
        //...
        require('./jquery.tabSlideOut');
    }