vue-routerを動作させることができません

Question

私はこれを1ページで動作させることができます。それは私が何かをレンダリングすることができないvue-routerを紹介するときです。

ここに私のアプリです。 main.jsで - サンプルテキストといくつかのサンプルテキストをApp.jsに返すと問題なしで問題なくレンダリングされます。私はそれがVue-routerの設置方法と関係があるように感じます。私のenvにもコンソールエラーはありません。私の経験から

//main.js

define(function(require) { 
    'use strict'; 
    var Vue = require('vue'); 
    var VueRouter = require('vue-router'); 
    var App = require('app'); 

    var Foo = { template: '<div>oijsdfoijsdoifjdsf</div>' } 
    var Bar = { template: '<div>bar</div>' } 

    Vue.use(VueRouter); 

    var routes = [ 
     { path: '/aaa', component: Foo }, 
     { path: '/bbb', component: Bar } 
    ] 

    var router = new VueRouter({ 
     routes: routes 
    }); 

    return new Vue({ 
     el: '#vue', 
     router: router, 
     render: function(h) { 
      h(App); 
     } 
    }); 
}); 

app.js

define(function(require) { 
    'use strict'; 

    var Vue = require('vue'); 

    return new Vue({ 
     template: '<div id="vue"><router-view></router-view></div>' 
    }); 
}); 

Answer 1

を、あなたはあなたにルータの設定を変更することができます：あなたが定義されていない

const router = new VueRouter({ 
    base: __dirname, // or '/' 
    routes: routes 
}) 

Answer 2

ルートルート、例えば/。したがって、/にはレンダリングされたコンポーネントは表示されません。 /aaaに移動して何かを見られますか？また、これらのルートコンポーネントをVue.componentに渡すべきではありませんか？