title: Vue.js routing to pages not working
body: <p>I'm trying to learn vue.js and I have a problem with making routing work.
  I want to use templates, which are inside other html files, so no inline templates.</p>
  
  <p>What happens is routing is never pinned to my page and I receive no error.
  I have no clue how to make this work, can you help?</p>
  
  <p>This is my <code>index.html</code></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns:v-bind="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Test&lt;/title&gt;
      &lt;script src="assets/js/vue.js"&gt;&lt;/script&gt;
      &lt;script src="assets/js/vue-router.js"&gt;&lt;/script&gt;
      &lt;script src="js/routes.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="app"&gt;
      &lt;router-link to="/home"&gt;Go to home&lt;/router-link&gt;
      &lt;router-link to="/about"&gt;Go to about&lt;/router-link&gt;
      &lt;router-view&gt;&lt;/router-view&gt;
  &lt;/div&gt;
  &lt;script src="js/app.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This is <code>routes.js</code></p>
  
  <pre><code>var routes = [
  {
      path: '/home',
      template: 'pages/home.html'
  },
  {
      path: '/about',
      template: 'pages/about.html'
  }
  ];
  </code></pre>
  
  <p>and this is my <code>app.js</code></p>
  
  <pre><code>const router = new VueRouter({
      routes // short for routes: routes
  });
  
  const app = new Vue({
      el: '#app',
      router: router
  });
  </code></pre>
  
  <p>I won't be pasting my home.html and about.html because they're just one paragraph without anything.</p>
  
  <p>How can I make this work? And what is <strong>extremely important</strong> I cannot use imports, requires, anything node/babel and stuff, this is a static page.</p>