查看 2 查看路由器 2 laravel 5.3 问题

Question

请帮我解决控制台上的这个错误

router.map is not function

我正在使用 browserify 和 laravel5.3

这是我的 app.js 代码：

import Vue from 'vue/dist/vue.js';
var VueRouter = require('vue-router');

import App from '../components/App.vue';
import Dashboard from '../components/Dashboard.vue';
import Home from '../components/Home.vue';
import Register from '../components/Register.vue';
import Signin from '../components/Signin.vue';

Vue.use(VueRouter);


export var router = new VueRouter()

router.map({
    '/': {
        name: 'home',
        component: require('../components/Home.vue')
    },
    '/register': {
        name: 'register',
        component: Register
    }
})

router.start(App, '#app');

Answer 1

vue-router 2.0，与 Vue 2.0 相比 v1 有显着变化。

在这种特定情况下，现在以不同方式声明路由：

new VueRouter({
  routes: [
    { path: '/foo', component: Foo },
    { path: '/bar', component: Bar }
  ]
})

https://router.vuejs.org/en/essentials/getting-started.html

我强烈鼓励您仔细阅读两者的变化。

查看 2 查看路由器 2 laravel 5.3 问题

Vue 2 vue-router 2 laravel 5.3 issue

vue.js

vue-router

laravel-5.3