Javascript 将jquery插件与vuejs一起使用，而不使用网页包？

我很难弄清楚如何在vue组件中使用jquery插件。我没有使用webkit、browserify或ES2016。对于我来说，是否还有一种方法可以使用插件并将模板标记中的元素作为目标？谷歌没有得到任何有用的结果。。所讨论的插件是jquery.payment for stripe

您可以在组件的

就绪

事件中使用该插件。简言之，它看起来是这样的：

new Vue({
  el: '#app',
  ready: function() {
    jQuery('.find-thing').payment('formatCardNumber')
  }
})

如果没有其他选择，我会这样做。我没有测试它，但应该比较接近：

<div id="app">
  <input class="payment-input" v-model="creditCardNumber">
  <div v-if="!creditCardNumberValid">BAD CC</div>
</div>

<script>
  new Vue({
    el: '#app',
    data: {
      creditCardNumber: '',
    },
    ready: function () {
      var paymentInput = this.$el.querySelector('.payment-input');
      jQuery(paymentInput).payment('formatCardNumber')
    },
    computed: {
      creditCardNumberValid: function () {
        return jQuery.payment.validateCardNumber(this.creditCardNumber)
      }
    }
  })

坏CC
新Vue({
el:“#应用程序”，
数据：{
信用卡号码：“”，
},
就绪：函数（）{
var paymentInput=此.$el.querySelector（'.paymentInput'）；
jQuery（paymentInput）.payment（'formatCardNumber'）
},
计算：{
creditCardNumberValid:函数（）{
返回jQuery.payment.validateCardNumber（此.creditCardNumber）
}
}
})