Modal无法在Vue/Firebase应用程序中工作,因为未定义“$”

这就是它给我的错误:

33:7未定义错误“$”

这是AddToCart.js中的内容。模态格式在我的产品列表组件中。

<template>
<div class="add-to-cart">

  <button class="btn btn-primary" @click="addToCart" style="background-color: black; color: whitesmoke; width: 80px; font-size: small">
    Add To Cart
  </button>

</div>
</template>

<script>
export default {
  name: "Add-to-cart",
  props: {
    name: String,
    price: Number,
    ID: String,
  },

  data(){
    return {
      record: {
        recordName: this.name,
        recordPrice: this.price,
        recordID: this.ID,
      },
   }
},

  methods: {
    addToCart() {
      $('#myModal').modal('show')
      this.$store.commit('addToCart', this.record);
    },
  }
};


</script>

<style scoped>

</style>

我试着从引导程序中导入$,但这给了我一个新的错误,即$(“#myModal”).modal(“ow”)不是函数。我似乎就是无法让模态工作起来。