Re-render after changing imagePath

[alexsoin]

How do I force the component to redraw after changing the link in the imagePath attribute?

[alexsoin]

While I implemented it in the following way, I added a ref when calling the component:

<vue-three-sixty
  :amount="47"
  :imagePath="teplica360"
  :disableZoom="true"
  :fileName="fileName360"
  ref="comp360"
/>

and subscribed to the imagePath value change event:

this.$refs.comp360.$watch('imagePath', function(newValue, oldValue) {
  console.log('imagePath changed from ' + oldValue + ' to ' + newValue);
  
  this.imagesLoaded = false;
  this.imageData = [];
  this.images = [];
  this.loadedImages = 0;
  
  this.fetchData();
});

Perhaps this functionality would be better added to the component itself?