VueJS 2 + ASP.NET MVC 5 : <p>I'm very new with VueJS.
I have to build a single page application inside a ASP.NET MVC5.</p>

<p>I follow this tutorial and works very well -> <a href="http://www.mithunvp.com/working-vuejs-asp-net-mvc-5-visual-studio/" rel="noreferrer">TUTORIAL</a></p>

<p>But when i create a .vue page to test VueJS2 Routes, the browser does not understand "Import", i read that i have to use a transpiler like Babel, someone know how i solve it?</p>

<p>App.VUE</p>

<pre><code>    &lt;template&gt;
    &lt;div id="app"&gt;
        {{msg}}
    &lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
    export default {
      name: 'app',
      data () {
        return {
          msg: 'Welcome to Your Vue.js App'
        }
      }
    }
&lt;/script&gt;
</code></pre>

<p>App.JS</p>

<pre><code>    import Vue from 'vue'
import App from './App.vue'


new Vue({
    el: '#app',
    router,
    render: h =&gt; h(App),
    data: {
        message: 'Hello Vue! in About Page'
    }
});
</code></pre>

<p>_Layout.cshtml</p>

<pre><code>&lt;div class="container-fluid"&gt;
        @RenderBody()

        &lt;div id="app"&gt;
            { { message } }
        &lt;/div&gt;
    &lt;/div&gt;


    &lt;script src="~/Scripts/essential/jquery-3.1.1.min.js"&gt;&lt;/script&gt;
    &lt;script src="~/Scripts/essential/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;script src="~/Scripts/essential/inspinia.js"&gt;&lt;/script&gt;
    &lt;script src="~/Scripts/essential/vue.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/vue-router/2.0.1/vue-router.js"&gt;&lt;/script&gt;

    &lt;script src="~/Scripts/app.js"&gt;&lt;/script&gt;
    &lt;script src="~/Scripts/plugin/metisMenu/jquery.metisMenu.js"&gt;&lt;/script&gt;
    &lt;script src="~/Scripts/plugin/pace/pace.min.js"&gt;&lt;/script&gt;
    &lt;script src="~/Scripts/plugin/slimscroll/jquery.slimscroll.min.js"&gt;&lt;/script&gt;
</code></pre>

<p>Thanks a lot!!</p>
