使用简单条形码扫描器vuejs

Question

我实现了一个渐进式应用程序Web应用程序，并且正在寻找使用npm应用程序扫描条形码或QrCode的方法。因此，我去了简单条形码扫描仪，但我承认鉴于此，我根本看不到如何正确使用它。

这是我的组件，或者我想显示相机以扫描条形码：

    <template>
  <div id="app">
    <div class="container">
      <router-link class="waves-effect waves-light btn" to="/home"><i class="material-icons">arrow_back</i>
      </router-link>
    </div>
  </div>
</template>

<script>
  import BarcodeScanner from 'simple-barcode-scanner';
  const scanner = BarcodeScanner()

  export default {
    name: 'delivered',
    methods: {
      undo () {
        this.$refs.signaturePad.undoSignature()
      },
      save () {
        const { isEmpty, data } = this.$refs.signaturePad.saveSignature()
        alert('Open DevTools see the save data.')
        console.log(isEmpty)
        console.log(data)
      }
    }
  }
</script>

我的问题是：如何使用它？才能显示用于扫描仪的相机？

谢谢您的帮助