title: Vue (Webpack): Refreshing / editing embed element mounted by vue
body: <p>I have a component which takes a string, in this case the initials of a cryptocurrency coin and use an npm package ('cryptowatch-embed') to get and mount a live chart embed from Bitfinex onto the document. </p>
  
  <p>My issue is that the first time the component is 'activated' it works fine. But whenever I want to change it I have to edit the original chart object which is: </p>
  
  <pre><code>let chart = new CryptowatchEmbed('bitfinex', this.coin.toLowerCase() + 'usd', {
    width: '100%',
    height: '100%'
  })
  </code></pre>
  
  <p>I can change the object's values like so:</p>
  
  <pre><code>chart.currencyPair = coin.toLowerCase() + 'usd'
  </code></pre>
  
  <p>And do <code>chart.mount('#chart-container')</code></p>
  
  <p>But that adds another instance of the chart to the document, so I need to either update or replace it somehow but currently I have no Idea how to do that, at least purely with Vue.</p>
  
  <p>Any ideas?</p>