Question

我正在使用laravel 5.3 + inbuild VueJs componets。

现在我想使用路由，所以我使用下面的代码无效。

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

如何导入Example.vue代替Page1

我试过了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') }

  ]
})

如何在laravel 5.3 + VueJs Routes中导入外部组件

1 个答案: