title: How to make certain component "keep-alive" with router-view in Vue 3?
body: <p>I've created a small app that consists of two main components and I am using vue router to route between components.</p>
  <p>First component is called MoviesList and the second one is called Movie.
  I've registered them in routes js file.</p>
  <pre><code>const routes = [
    {
      path: '/',
      name: 'Home',
      component: MoviesList
    },
  
    {
      path: '/:movieId',
      name: 'Movie',
      component: Movie
    }
    
  ]
  </code></pre>
  <p>And my App.vue template looks like this</p>
  <pre><code>&lt;template&gt;
     &lt;router-view&gt;&lt;/router-view&gt;
  &lt;/template&gt;
  </code></pre>
  <p>How can I make MovieList component cached or so to say like it is wrapped with <code>&lt;keep-alive&gt;</code> tags?
  Desired outcome would be to make MovieList component cached and Movie component not.</p>
  <p>I want to do that because MovieList component has a method that runs on mounted() hook and whenever I switch routes and come back that method runs again because component is re-rendered.</p>