title: Opening a PDF file in another window with VueJS
body: <p>In my previous Angular app I was able to open my resume in another window like such:</p>
  
  <pre><code>&lt;a class="link popup" href="javascript:void(0);" onclick="javascipt:window.open('./../../assets/Resume_Christopher_Kade.pdf');"&gt;Resume&lt;/a&gt;
  </code></pre>
  
  <p>While rewriting my website with Vue, I noted that it did not work as intended, after changing it to:</p>
  
  <pre><code>&lt;a class="link popup" href="javascript:void(0);" v-on:click="openPdf()"&gt;Resume&lt;/a&gt;
  </code></pre>
  
  <p>With <code>openPdf()</code> in my component's methods:</p>
  
  <pre><code>openPdf () {
      javascipt:window.open('./../assets/Resume_Christopher_Kade.pdf');
  }
  </code></pre>
  
  <p>When clicking the link, a new page opens to the following URL:</p>
  
  <pre><code>http://localhost:8080/assets/Resume_Christopher_Kade.pdf
  </code></pre>
  
  <p>while showing an empty route on my screen instead of displaying the pdf in the browser's pdf viewer.</p>
  
  <p>This issue might be related to the way I handle routes in Vue:</p>
  
  <pre><code>export default new Router({
    mode: 'history',
    routes: [    
      {
        path: '/',
        name: 'Home',
        component: Home
      },
      {
        path: '/work',
        name: 'Work',
        component: Work
      },
      {
        path: '/posts',
        name: 'Posts',
        component: Posts
      },
      { path: '*', component: Home }
    ]
  })
  </code></pre>
  
  <p>Why isn't it as straightforward as in Angular? Am I missing something?</p>