title: Vue.js how to redirect to a common route if route isn't found
body: <p>This is <strong>my simple routes.js file</strong>.</p>
  
  <pre><code>import Vue from 'vue';
  import VueRouter from 'vue-router';
  
  Vue.use(VueRouter);
  
  import welcome from './components/welcome.vue';
  import restaurant from './components/restaurant.vue';
  import eatMe from './components/eat-me.vue';
  
  const routes = [{
      path: '/',
      component: welcome,
      name: welcome
  }, {
      path: '/restaurant',
      component: restaurant
  }, {
      path: '/eat-me',
      component: eatMe
  }]
  
  const router = new VueRouter({
      routes,
      mode: 'history'
  });
  
  export default router;
  </code></pre>
  
  <p>This works fine. But when if someone go to the url and type something else other than these 3 routes I want direct him to a common route says <strong>page not found</strong>. How to I achieve this using vue.js</p>