title: Cannot read property during Mounted hook -- how to set up?
body: <p>I am using the <code>mounted</code> hook to load a function called <code>.replaceIMG()</code> during page load, but I get the following error in console:</p>
  
  <pre><code>Error in mounted hook: "TypeError: Cannot read property 'replaceIMG' of undefined"
  </code></pre>
  
  <p>Here's my Single file component .vue template:</p>
  
  <p>First, I imported a node module package called <code>UTIF.js</code> (this plugin allows browsers to render TIF files in browser!) like so:</p>
  
  <pre><code>const UTIF = require('utif/UTIF');
  </code></pre>
  
  <p>Then, in the Vue instance I have:</p>
  
  <pre><code>  mounted: function() {
      this.UTIF.replaceIMG();
    }
  </code></pre>
  
  <p>The <code>&lt;template&gt;</code> section contains this:</p>
  
  <pre><code>&lt;div v-for='(image,index) in images' :key='index'&gt;
              &lt;a :href='imageLink + image.Graphic'&gt;
                  &lt;img :src='imageLink + image.Graphic'&gt;
              &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Full code here: <a href="https://gist.github.com/dosstx/5dbe76220a3126cb84f7ed12c610015c" rel="nofollow noreferrer">https://gist.github.com/dosstx/5dbe76220a3126cb84f7ed12c610015c</a></p>
  
  <p>Did I not require the package correctly into my VUE template? Thank you.</p>