title: mounted is being shared across instances of a component Vue.js
body: <p>I have multiple instances of a component being rendered, not at the same time, if you open up a different container, another instance gets rendered. The first instance rendered gets the mounted() triggered but all the other instances don't and they share the same results of that mounted call. How do I separate them? I tried doing &quot;@Watch('prop')&quot; but the first instance of the component doesn't get that method called, since prop hasn't changed.</p>
  <pre><code>@Prop() assignee!: Person;
  
  accountName = '';
  
  data(): any {
  return {
  accountName: '',
  }
  }
  
  async mounted(): Promise&lt;void&gt; {
  this.accountName = ...;
  }
  </code></pre>
  <p>so accountName is the same for different instances of the component, since the mounted call didn't get triggered.</p>