Vue 2 vue-router 2 laravel 5.3 问题

Posted

技术标签:

【中文标题】Vue 2 vue-router 2 laravel 5.3 问题【英文标题】:Vue 2 vue-router 2 laravel 5.3 issue 【发布时间】:2017-02-15 10:09:27 【问题描述】:

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

router.map 没有功能

我正在使用 browserifylaravel5.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');

【问题讨论】:

【参考方案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

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

【讨论】:

非常感谢

以上是关于Vue 2 vue-router 2 laravel 5.3 问题的主要内容,如果未能解决你的问题,请参考以下文章

vue-router2使用

使用Vue-Router 2实现路由功能

VueJs(11)---vue-router(进阶2)

Vue 2 vue-router 2 laravel 5.3 问题

vue-router2.0组件复用

vue 2.0 和 vue-router 2.0 构建 SPA,router-view 没有更新