VueJS 2 vue-router 2 (laravel 5.3)

Question

Я пытаюсь связать компоненты (VueJS 2) с помощью (vue-router 2) router-link. Когда клика нажата, URL-адрес не обновляется, используемый в blade-сервере (laravel 5.3), я использовал ссылку router-link и уже заменен v-link, поэтому я могу получить любой пример использования vue-router в blade-сервере (последняя версия laravel 5.3)

консоль ошибка: маршрутизатор не определен

app.js

window._ = require('lodash'); 
    window.$ = window.jQuery = require('jquery'); 
    require('bootstrap-sass'); 
    window.Vue = require('vue'); 
    window.VueRouter = require('vue-router'); 
    require('vue-resource'); 
    Vue.use(VueRouter); 
    var App = Vue.extend({}); 
    var router = new VueRouter({ 
     routes: [ 
      { path: '/AddServices', component: require('./components/Test.vue') } 
     ] 
    }); 
    new Vue({ 
      el: '#appp', 
      router: router, 
      render: h => h('router-view') 
    }); 

    Vue.http.interceptors.push((request, next) => { 
     request.headers.set('X-CSRF-TOKEN', Laravel.csrfToken); 

     next(); 
    }); 

Балде есть ссылка app.blade.php

<router-link to="/AddServices">/AddServices</router-link> 
<router-link to="/AddServices"><a>/AddServices</a></router-link> 

лезвие имеет идентификатор, чтобы сделать действие home.blade.php

<div class="container"> 
    <div class="row" id="appp"> 
      <router-view></router-view> 
     </div> 
    </div> 

Answer 1

Первое первых, вам не нужно создавать новый экземпляр маршрутизатор

var router = new VueRouter({ 
... 

и имеют

Vue.use(VueRouter) // you can remove that one 

Во-вторых, как это сделать вы ожидаете, что URL-адрес изменится, если у вас есть только 1 URL-адрес?

Попробуйте этот маршрутизатор

var router = new VueRouter({ 
    routes: [ 
     { path: '/', component: require('./components/Example.vue') }, 
     { path: '/AddServices', component: require('./components/Test.vue') } 
    ] 
}); 

А вот ссылки (и не ставят <a> тегов внутри <router-link>

<router-link to="/">/index</router-link> 
<router-link to="/AddServices">/AddServices</router-link> 

Answer 2

Есть несколько опечаток в вашем коде, пожалуйста, проверьте Vue.use (VueRouter) без ';'. el: "# appp" ?, тогда как очистка этих компиляторов завершилась с ошибкой. Шаг, следующий за рисунком