如何導入laravel中的外部組件5.3 + VueJs路徑

Question

我使用的是laravel 5.3 + inbuild VueJs組件。

現在我想使用路由，所以我使用下面的代碼不工作。

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) } 
}); 

如何代替Page1

導入Example.vue我試圖require('./components/Example.vue')但它不工作，請幫助。

Answer 1

嘗試使用vue-router。

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

    ] 
})