title: Vue, is there a way to pass data between routes without URL params?
body: <p>I am looking how to pass data secretly between two separate components (not parent and child) without using URL params in my Vue2 app. This doesn't mean I am passing secrets but rather I just dont want the user to see it (only for UI considerations).</p>
  <p>I know Vue has <a href="https://v2.vuejs.org/v2/guide/components-props.html" rel="nofollow noreferrer">Props</a> but they are meant for passing data between parent and child component.
  In my case, my URL will change but I don't want to pass data via visible params.</p>
  <p>Someone claimed to use props without URL params <a href="https://dev.to/aligoren/passing-data-to-a-router-link-in-vuejs-2cb0" rel="nofollow noreferrer">here</a> but I haven't been able to reproduce a working solution (getting undefined each time).</p>
  <p>I also checked out <a href="https://www.thepolyglotdeveloper.com/2017/11/pass-data-between-routes-vuejs-web-application/" rel="nofollow noreferrer">these</a> options but they are all using either URL or query params which as we know are visible.</p>
  <p>An ugly solution would be to write the data to local storage and then read it there but this creates a lot of overhead and complexity (like what if I only  want this data to be read once, etc).</p>
  <p>Is there a more elegant solution to this problem?</p>
  <p>Thanks!</p>