imagem.vue

<template>
  <div>
    <canvas id="canvas"></canvas>
  </div>
</template>

<script>
export default {
  data() {
    return {
      img_src: "/images/img_teste1.jpeg",
      img_loaded: ''
    };
  },
  methods: {
    imgGenerate() {
      const img = new Image();
      img.src = this.img_src;

      img.onload = () => {
        this.draw(img);
        this.img_loaded = img;
      };
    },
    draw(img) {
      const canvas = document.getElementById("canvas");
      const ctx = canvas.getContext("2d");
      ctx.drawImage(img, 0, 0);
    }
  },
  mounted() {
    this.imgGenerate();
  }
};
</script>