JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/jsbarcode/3.3.20/JsBarcode.all.min.js"></script>



<div id="example-1">
  <div v-for="item in items" :key="item.id">
      <barcode :data="item.data"></barcode>
  </div>
</div>




<script>
  Vue.component('barcode', {
    template: '<svg></svg>',
    props: ['data'],
    mounted: function() {
      JsBarcode(this.$el, this.data);
    }
  });

  var example1 = new Vue({
    el: '#example-1',
    data: {
      items: [{
        id: 'a',
        data: 1232
      }, {
        id: 'b',
        data: 1232
      }]
    },

    watch: {
      datafull(val) {

      }
    }
  });

</script>