title: Using VueJS in a ASP project
body: <p>Currently developing a ASP MVC site.
  Some sections of the site will use VueJS for displaying some list, forms etc.
  The project setup is Bower, Grunt, standard C# ASP project using TypeScript.</p>
  
  <p>This is my first time using Vue, and the simple stuff is pretty stragt forward. Seting up a page with a form, getting data from a WebService etc.</p>
  
  <p>My problem/question is, what, and how, do i get the best setup, for using Single File Components (Vue) in my cshtml view files.</p>
  
  <p>So, lets say I have a section on my site, where i want to display orders from the user.
  Layout, navigation etc is setup by my excisting ASP code. I have a CSHTML viewpage for the current page, pretty vanilla:</p>
  
  <pre><code>@inherits MyViewPage&lt;MyViewModel&gt;
  @{
      Layout = "~/Views/layout.cshtml";
  } 
  
  &lt;div id"app"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Thats it for the excisting view page. In this page, i want to include a Vue Single File Component.</p>
  
  <p>Previously i had the markup directly in the CSHTML page, which works fine. But when i want to user Vue-router, it becomes a problem to maintain the different views. So i should move the markup into a Component.</p>
  
  <p>This is the basic setup;</p>
  
  <pre><code>const page1 = { template: '&lt;div&gt;Page1&lt;/div&gt;' }
  const page2 = { template: '&lt;div&gt;Page2&lt;/div&gt;' }
  const routes = [
          { path: '/', component: page1 },
          { path: '/page2', component: page2 }
  ]
  
  const router = new VueRouter({
      routes
  })
  
  var vm = new Vue({
      router,
          el: "#app"
  })
  </code></pre>
  
  <p>Lets say i create a .vue file called page1.vue instead. This contains</p>
  
  <pre><code>&lt;template&gt;
  my new page
  &lt;/template&gt;
  &lt;script&gt;
      export default {
          name: '?',
          date: function() {
  
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>How do i get this file included in my CSHTML file for instance?</p>