title: How persist some state between routes with vue & vue-router
body: <p>I have a navigation flow consisting in </p>
  
  <pre><code>SearchPage -&gt; ...Others or SearchPage -&gt; ...Others or SearchPage -&gt;
  </code></pre>
  
  <p>and wanna persist what was the search string when navigate back.</p>
  
  <pre><code>&lt;template id="ListCustomersPage"&gt;
  &lt;q-layout&gt;
    &lt;q-layout-header&gt;
      &lt;toolbar :title="title" :action="doCreate" label="New"&gt;&lt;/toolbar&gt;
      &lt;q-search inverted placeholder="Type Name, Code, Nit, Phone Number or Email" float-label="Search" v-model="search" /&gt;
      &lt;q-btn icon="search" color="secondary" @click="doSearch" /&gt;
    &lt;/q-layout-header&gt;
  &lt;/q-layout&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Now, the problem is how correlate the stack of the queries and the one of the routers, when the fact the user can navigate elsewhere.</p>
  
  <p>P.D All is in a single page. If possible to persist the screen without refresh them (but only for the search pages until popped back) will be better.</p>