So importieren Sie externe Komponenten in Laravel 5.3 + VueJs Routen

Question

Ich benutze Laravel 5.3 + inbuild VueJs Komponenten.

Jetzt möchte ich Routen verwenden, so habe ich unten Code verwendet, der nicht funktioniert.

const NotFound = { template: '<p>Page not found</p>' } 
const Page1 = { template: '<p>home page</p>' } 
const Page2 = { template: '<p>about page</p>' } 
const routes = { 
    '/': Page1, 
    '/page2': Page2 
} 

const app = new Vue({ 
    el: '#app', 
    data: { 
     currentRoute: window.location.pathname 
    }, 
    computed: { 
     ViewComponent() { 
      return routes[this.currentRoute] || NotFound 
     } 
    }, 
    render (h) { return h(this.ViewComponent) } 
}); 

Wie importieren Example.vue anstelle von Page1

versuchte ich require('./components/Example.vue') aber seine Arbeit nicht bitte helfen.

Answer 1

Versuchen Sie, Vue-Router zu verwenden.

const router = new VueRouter({ 
    mode: 'hash', 
    base: __dirname, 
    routes: [ 
    { path: '/example',name: 'example', component: require('./example/example.vue') } 

    ] 
})